javascript - 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);

Answer 2

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

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

function myMethod()
{
/*Your Code goes here*/
}

Answer 3

这是给你的 jsFiddle

在这里提琴

 function Commonalert(){alert("Common Alert Message");}

$('#Btn').on('click', Commonalert);

$('#text').on('change blur', Commonalert);