javascript - jQuery - 绑定(bind)多个事件并排除其他事件

Question

我有一个包含 <input type="text"> 的搜索表单和 <select>表单元素。听那个表格我有这个 jQuery...

$('#searchform :input').stop().on('keyup change',function(){
    // do some ajax stuff
})

棘手的一点是脚本使用 .on('keyup change' etc.) 监听多个事件的方式.这很好用，但有一个问题......

当输入字段失去焦点时，将触发脚本 jquery 监听器。

这里有一个演示来解释我的意思https://jsfiddle.net/o2k4jf90/1/

我想做这样的事情......

$('#searchform :input').stop().on('keyup change not:blur',function(){
    // do some ajax stuff
})

...但这显然是无稽之谈。我能做什么？

Answer 1

尝试用 input 事件替换 change , keyup 事件

$(document).ready(function () {
    $(':input').on('input',function(e) {
        $('#report').append('stuff happened<br />');
    })
});

jsfiddle https://jsfiddle.net/o2k4jf90/3/