删除令牌时,Tokenfield for Bootstrap无法捕获事件

时间:2016-03-24 01:26:59

标签: javascript jquery bootstrap-tokenfield

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

我只能点击“.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();
})

1 个答案:

答案 0 :(得分:0)

尝试:

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

信息:http://sliptree.github.io/bootstrap-tokenfield/#events

它将捕获删除令牌事件。特别是在删除后会触发此侦听器。