如何在调用相同函数时处理多个JS事件

时间:2012-08-17 03:30:39

标签: javascript javascript-events

如何处理多个JS事件以调用相同的函数..请查看代码..

我的要求是检查在文本框中输入的客户端代码的唯一性。所以我使用这样的东西。

我的代码:

<input type="text" 
onblur="function1(arg1,arg2)" 
onclick="function1(arg1,arg2)"
onfocus="function1(arg1,arg2)">

那么,还有其他更好的方法来重写这段代码。

2 个答案:

答案 0 :(得分:6)

普通JS:

window.onload=function() {
  var fld = document.getElementById("yourfieldid");
  fld.onblur=fld.onfocus=fld.onclick=function() {
    function1(arg1,arg2);
  }
}

答案 1 :(得分:2)

如果你可以使用jquery,你可以做类似这样的事情:

$('#foo').on('mouseenter mouseleave', function() {
  $(this).toggleClass('entered');
});

参考:http://api.jquery.com/on/

根据您的目标,您可能希望绑定到更清楚地标识用例需求的其他事件。也许onChange?