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

  

Fiddle Here

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

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

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