针对不同元素的不同动作的Jquery事件处理程序

jquery event handler for different element on different action

本文关键字：Jquery 事件处理 程序 元素      更新时间：2023-09-26

我使用jquery，在我的项目中，我对表单提交和超链接点击事件有相同的操作。代码是相同的两个动作，但我需要编写单独的事件处理程序如下

$("#elem1").click( //do some action )和

  $("#form1").submit(//do some action )

我们可以在一行中为两者编写混合事件处理程序吗?

创建一个函数并将其作为引用传递给处理程序:

function myHandler(event) {
  //do some action
};
$('#elem1').on('click', myHandler);
$('#form1').on('submit', myHandler);

使用.trigger调用其他事件的代码:

$("#form1").submit(function() { /* do some action */ } );
$("#elem1").click(function() { $('#form1').trigger('submit'); } );

但是，如果#elem1 是 #form1的提交按钮，您不需要这样做，因为它将连续运行两次代码。

相关文章：