jquery事件处理程序,用于不同操作的不同元素

时间:2014-06-13 13:51:06

标签: javascript jquery

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

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

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

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

2 个答案:

答案 0 :(得分:4)

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

function myHandler(event) {
  //do some action
};

$('#elem1').on('click', myHandler);
$('#form1').on('submit', myHandler);

答案 1 :(得分:2)

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

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

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