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

标签 events event-handling jquery

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

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

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

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

最佳答案

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

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

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

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

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

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

关于events - 两个不同元素的提交和点击事件由同一个 jquery 函数处理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17249755/

相关文章:

ajax - 标签a4j :ajax in RichFaces的事件属性的可能值列表

javascript - 创建没有缓动效果的垂直轮播

javascript - 如何获取所有带有 "click"事件的元素与 jQuery 相关联?

javascript - $.ajax() post json数据类型

javascript - 检测 iFrame 中的 DOM 就绪状态 (jQuery)

javascript - 如果 "mousemove"和 "click"事件同时触发该怎么办?

c# - 将事件从 asp.net 用户控件公开到容器 Web 表单页面

linux - 如何使用 AutoResetEvent 从 Windows 移植到 Linux 进程间事件

java - 使用 Vert.x for Java 的任何好的 Redis 客户端 API?

java - 如何根据 JCheckBox 的状态启用/禁用我的 JTextField?