当多个 JS 事件调用同一个函数时，如何处理它们

How to handle multiple JS events when they call the same function

本文关键字：何处理 处理 JS 事件 调用 函数 同一个      更新时间：2023-09-26

如何处理多个JS事件来调用同一个函数..请看代码..

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

我的代码：

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

那么，有没有其他更好的方法来重写这段代码？

Plain JS：

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

如果你可以使用jquery，你可以做一些类似这个例子的事情：

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

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

根据您的目标，您可能希望绑定到一个不同的事件，以更清楚地标识您的用例的需求。也许在改变？

相关文章：