而不是:

$('#element').on('keyup keypress blur change', function(e) {
    // e.type is the type of event fired
});

你可以使用:

$('#element').on('input', function(e) {
    // e.type is the type of event fired
});

输入触发键up键按模糊改变事件，甚至粘贴!

我正在寻找一种方法来获得事件类型时，jQuery监听几个事件，谷歌把我放在这里。

对于那些感兴趣的人，event。键入是我的答案:

$('#element').on('keyup keypress blur change', function(event) {
    alert(event.type); // keyup OR keypress OR blur OR change
});

更多信息请参阅jQuery文档。

从jQuery 1.7开始，.on()方法是将事件处理程序附加到文档的首选方法。对于早期版本，.bind()方法用于将事件处理程序直接附加到元素。

$(document).on('mouseover mouseout',".brand", function () {
  $(".star").toggleClass("hovered");
})

我就是这么做的。

$("input[name='title']").on({
    "change keyup": function(e) {
        var slug = $(this).val().split(" ").join("-").toLowerCase();
        $("input[name='slug']").val(slug);
    },
});

是否有一种方法可以让按键、按键、模糊和更改事件在一行中调用相同的函数?

可以使用.on()，它接受以下结构:.on(events [， selector] [， data]， handler)，因此您可以将多个事件传递给该方法。在你的例子中，它应该是这样的:

$('#target').on('keyup keypress blur change', function(e) {
    // "e" is an event, you can detect the type of event using "e.type"
});

下面是一个活生生的例子:

$(" #目标”)。On ('keyup keypress blur change'，函数(e) { console.log(' ' ${e.type.toUpperCase()}"事件发生') })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <输入id = "目标" >

但为了防止多重触发:

var a;
var foo = function() {
    clearTimeout(a);
    a=setTimeout(function(){
        //your code
        console.log("Runned")
    },50);
}
$('textarea').on('blur change', foo);