events - 两个不同元素的提交和点击事件由同一个 jquery 函数处理？

Question

我有一个提交按钮#next_step和一个链接#design_next_step。

当提交按钮或点击链接时，会触发相同的功能。

我怎样才能做这样的事情？

$('#next_step').submit(), $('#design_next_step').click(){function(){ ... });

Answer 1

您可以使用标准 CSS 逗号来定义组选择器:

$('#next_step, #design_next_step').on('submit click', function(){ ... });

When the button submitted or the link is clicked...

但是按钮并未提交，而是被点击。 submit 事件与 form 元素相关，而不是 button 或 input 元素。假设您显示的 id 用于按钮或链接元素，只需使用 click 事件:

$('#next_step, #design_next_step').on('click', function(){ ... });

根据您正在执行的操作，您可能想要或不想阻止事件的默认操作[通过接受 event 参数并调用 preventDefault或者通过在处理程序中执行 return false 这将阻止默认值并停止传播]。例如，点击链接的默认操作是跟随该链接。