javascript - jQuery不同元素上的不同事件触发相同的功能

Question

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

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

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

有什么方法可以整合这两行代码，这样我就可以只编写一次相同的代码行吗？

Answer 1

您在问题中包含了一条线索:“触发相同的函数” - 因此只需绑定(bind)相同函数即可:

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

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

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