javascript - 如何取消检测/忽略某个 html 元素中的 javascript 事件？

Question

我有这行代码$('#tbl-purchase-list').on( 'keyup change', 'input[type="text"]'检测所有 input[type="text"] 的输入 field 。但是，我有一个输入字段，在键盘上输入文本或对其进行任何更改时，我不希望检测到该输入字段。 <input type="text" class="form-control purchase-freight-charge" id="purchase-freight-charge" value="" /> 。 javascript 中有没有一种方法可以忽略某个元素的某些事件？像这样的$("#purchase-freight-charge").ignoreEvents(); ？请帮忙。非常感谢。

Answer 1

当然有一个:not()伪选择器:

$('#tbl-purchase-list').on('keyup change', 
                           'input[type="text"]:not(#purchase-freight-charge)', 
                           ...);

它不会将目标元素添加到匹配的选择器集中。因此，:not() 内的该元素不会发生任何事件。

事件也可以这样做:

$('#tbl-purchase-list').on('keyup change', 'input[type="text"]',function(ev){
     if(this.id === "purchase-freight-charge"){
        this.value = "";
     }
});