Tokenfield for Bootstrap can not catch event when delete a token

Question

I can't catch delete token event by press "delete" on keyboard when using Tokenfield for Bootstrap.

I only can catch delete event by click ".close"

Please see this 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();
})

Do you mean when you have the focus on one of the tags that you can't delete it by pressing the `delete` key? I am able to do that in your fiddle. — Lloyd Banks, Mar 24 '16 at 02:54
i can delete it but can not catch the delete event by pressing the delete key. — Tester, Mar 24 '16 at 03:04

score 0 · Answer 1 · answered Apr 20 '16 at 15:09

Try:

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

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

It will catch the remove token event. This listener in particular is triggered after the removal.

Tokenfield for Bootstrap can not catch event when delete a token

1 Answers1