javascript - 具有单个 JavaScript 事件处理程序的两个 DOM 元素

标签 javascript jquery html dom

我有以下 JavaScript:

//for dom element 1//

$(document).on( 'click', '.dom1', function() {
   something;
});

//for dom element 2

$(document).on( 'click', '.dom2', function() {
   something;
});

这里我对两个不同的 DOM 元素使用完全相同的 JavaScript 片段,那么我怎样才能让它们只在一个事件处理程序下工作,因为它们具有相同的功能?

我尝试使用 || 但那没有用。

$(document).on( 'click', '.dom1' || 'dom2', function() {
   something;
});

最佳答案

两种方法

一:

$(document).on( 'click', '.dom1, .dom2', function() {
   something;
});

两个:

function doSomething() {}
$(document).on( 'click', '.dom1', doSomething);
$(document).on( 'click', '.dom2', doSomething);

关于javascript - 具有单个 JavaScript 事件处理程序的两个 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32931499/

相关文章:

html - 如何使 webkit 滚动条可见

javascript - 嵌套列表 - 在单独的行上显示每个 ul 级别

javascript - 如果我不知道他们的 id,如何检查有多少个复选框被选中

javascript - 拉力赛应用 SDK 2.0 : filters and customQuery fail to limit data in rallymultiobjectpicker store in 2. 0p3

javascript - 有没有办法在两个数组中找到匹配的元素?

javascript - 使用 CSS 设置工具提示箭头的边框颜色

javascript - 如何查看元素绑定(bind)了哪个 jQuery 函数?

javascript - 检查 anchor 标签颜色

javascript - 如何找出哪个元素保存数据对象

javascript - 作为标记的指令名称不起作用