jQuery对不同元素的不同事件触发相同的功能

Question

如果不同的元素必须触发相同的功能但是在不同的事件上怎么办？

$('#btnNext').on('click', function() { /*Same thing*/ });

$('#txtField').on('change blur', function() { /*Same thing*/ });

有没有办法整合这两行,所以我只能编写一行代码？

Answer 1

你在问题中包含了一个线索:"触发相同的功能" - 所以只需绑定相同的功能:

function commonHandler(e) { /* your code */ }

$('#btnNext').on('click', commonHandler);

$('#txtField').on('change blur', commonHandler);