トークンを削除すると、ブートストラップのトークンフィールドがイベントをキャッチできません。

Question

ブートストラップのトークンフィールドを使用しているときに、キーボードの「削除」を押すと、トークンイベントを削除できません。

私はクリックするだけでイベントを削除キャッチすることができ、このjsfiddleをご覧ください

を「.close」。

$(document).ready(function() { 
    $('#tokenfield').tokenfield({ 
     autocomplete: { 
     source: ['red','blue','green','yellow','violet','brown','purple','black','white'], 
     delay: 100 
     }, 
     showAutocompleteOnFocus: true 
    }); 

    $("form").submit(function(e) { 
     e.preventDefault(); 
     $('.form-data').text($('#tokenfield').val()); 
    }); 
    close(); 


}); 

function close() { 

    $(document).on('click', 'a.close', function(){ 
     alert('delete'); 
     }); 

} 

$('input').change(function() { 
close(); 
}) 

Answer 1

試してみてください。

$('#tokenfield').on('tokenfield:removedtoken', function (event) { 
    alert('delete'); 
}); 

情報：http://sliptree.github.io/bootstrap-tokenfield/#events

それは削除トークンイベントをキャッチします。このリスナーは、削除後にトリガーされます。