javascript - jQuery - 一一触发多个事件

Question

我正在使用jquery tagsInput plugin我需要动态修改查询(删除查询或输入新查询)，而无需实际在与tagsInput插件连接的搜索框中输入内容。

我的问题是我想首先触发退格事件，然后再触发输入事件。这是代码。

function triggering_events() {
    $(".tag").each(function() {
        var e = jQuery.Event("keydown");
        e.keyCode = 8;
        e.which = 8;
        $("#input-search_tag").trigger(e); //triggering backspace event
    });
    var input = $("#input-search_tag");
    input.val("food");
    input.trigger(e); //triggering enter event
}

但是上面的代码只触发了退格事件。我怎样才能使输入事件起作用？

谁能指出我犯的错误吗？

谢谢!

Answer 1

您可以尝试使用方法removeTag和addTag来删除和添加标签:

function triggering_events() {

    var 
        idInput = 'input-search',
        input = $("#" + idInput);

    $("#"+idInput+"_tagsinput .tag").each(function() {
        var tag = $.trim($(this).find('span:eq(0)').text());
        input.removeTag(tag);
    });

    input.addTag("food");
}

run