【问题标题】:Tokenfield for Bootstrap can not catch event when delete a token删除令牌时,Bootstrap 的令牌字段无法捕获事件
【发布时间】:2016-03-24 01:26:58
【问题描述】:

在使用 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();
})

【问题讨论】:

  • 您的意思是当您将焦点放在其中一个标签上时,您无法通过按delete 键将其删除?我可以在你的小提琴中做到这一点。
  • 我可以删除它,但按删除键无法捕捉到删除事件。

标签: javascript jquery bootstrap-tokenfield


【解决方案1】:

试试:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-15
    • 2014-12-03
    • 2013-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-18
    相关资源
    最近更新 更多