javascript - 删除令牌时，Bootstrap 的令牌字段无法捕获事件

Question

使用 Tokenfield for Bootstrap 时，我无法通过按键盘上的“delete”来捕获删除令牌事件。

我只能通过单击“.close”来捕获删除事件

请看这个jsfiddle。

$(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

它将捕获删除令牌事件。这个监听器特别是在移除后被触发。