用内置的DOM方法实现这个很简单，不需要像jQuery这样的大库，如果你想，它只需要更多的代码-迭代一个事件名称数组，并为每个事件添加一个侦听器:

function validate(event) {
  // ...
}

const element = document.querySelector('#element');
['keyup', 'keypress', 'blur', 'change'].forEach((eventName) => {
  element.addEventListener(eventName, validate);
});

如果你想模拟添加多个元素:

const elements = document.querySelectorAll('.commonSelector');
['keyup', 'keypress', 'blur', 'change'].forEach((eventName) => {
  elements.forEach(element => {
      element.addEventListener(eventName, validate);
  });
});

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

可以使用.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 foo = function() {...}

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

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

Tatu的答案是我如何直观地做到这一点，但我在Internet Explorer中遇到了一些问题，这种嵌套/绑定事件的方式，即使它是通过.on()方法完成的。

我还不能准确地指出问题出在jQuery的哪个版本上。但我有时会在以下版本中看到问题:

2.0.2 1.10.1 1.6.4, 移动1.3.0b1 移动1.4.2 移动1.2.0

我的解决方法是先定义函数，

function myFunction() {
    ...
}

然后分别处理这些事件

// Call individually due to IE not handling binds properly
$(window).on("scroll", myFunction);
$(window).on("resize", myFunction);

这不是最漂亮的解决方案，但它适合我，我想我会把它放在那里，以帮助其他可能偶然发现这个问题的人

我就是这么做的。

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

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

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