在不同元素的不同事件上触发相同的功能

时间:2019-07-09 17:49:55

标签: javascript jquery event-handling

我正在寻找的是一种为不同元素的不同事件注册相同功能(事件处理程序)的方法。例如,我想在按钮的click事件和表单的submit事件中调用函数。

有两种类似的相关解决方案(jQuery same click event for multiple elementsjQuery same click event for multiple elements),但是,这并不是我想要的。

可以单独注册事件,也可以将事件链接在一起(在表单的submit事件上,调用按钮的click事件上),但我想知道是否可以通过一个事件注册/声明来完成

1 个答案:

答案 0 :(得分:0)

您实际上不需要JQuery。您可以使用纯JS来实现。只需创建一个函数,然后将其用作回调即可。

   const cb = () => {
     //implementation of your goes here
   };

   const elem = document.getElementById('yourElemeId'); //select your element
   elem.addEventListener('click', cb);
   const elem2 = document.getElementById('yourElemeId2'); //select 2d element
   elem2.addEventListener('submit', cb)