如何用jQuery从多个事件触发相同的函数?

是否有一种方法可以让按键、按键、模糊和更改事件在一行中调用相同的函数，或者我必须分别执行它们?

我的问题是，我需要验证一些数据与数据库查找，并希望确保验证不错过在任何情况下，无论是键入或粘贴到框。

当前回答

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

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

其他回答

$("element").on("event1 event2 event..n", function() {
   //execution
});

本教程是关于处理多个事件的。

你可以这样定义你想重用的函数:

var foo = function() {...}

之后，你可以在你的对象上设置任意数量的事件监听器来触发该函数，使用on('event')，在中间留出一个空间，如下所示:

$('#selector').on('keyup keypress blur change paste cut', foo);

而不是:

$('#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文档。

可以使用bind方法将函数附加到多个事件。只需要传递事件名称和处理函数，如下所示:

$('#foo').bind('mouseenter mouseleave', function() {
  $(this).toggleClass('entered');
});

另一个选择是使用jquery api的链接支持。

推荐文章