首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >具有单个JavaScript事件处理程序的两个DOM元素

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

Stack Overflow用户
提问于 2015-10-04 08:25:32
回答 1查看 114关注 0票数 2

我有以下JavaScript:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//for dom element 1//

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

//for dom element 2

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

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

我试着使用||,但不起作用。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).on( 'click', '.dom1' || 'dom2', function() {
   something;
});
EN

回答 1

Stack Overflow用户

发布于 2015-10-04 08:33:41

有两种方法可以做到这一点

其一:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).on( 'click', '.dom1, .dom2', function() {
   something;
});

二:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function doSomething() {}
$(document).on( 'click', '.dom1', doSomething);
$(document).on( 'click', '.dom2', doSomething);
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32931499

复制
相关文章
浅谈JavaScript的事件(事件处理程序)
  事件就是用户或者浏览器自身执行的某种动作。诸如click、load和mouseover,都是事件的名字。而响应某个事件的函数就叫事件处理程序。事件处理程序的名字以“on”开头,比如click事件的事件处理程序是onclick。为事件指定事件处理程序的方式有多种方式。 HTML事件处理程序 元素支持的事件,都可以使用与相应事件处理程序同名的HTML特性来指定。这个特性的值能支持一定的JavaScript代码。例如,在单击按钮的时候执行一些JavaScript代码。 <div id="aa" onclic
水击三千
2018/02/27
1.5K0
JavaScript事件处理程序
事件就是用户或者浏览器执行的某种操作。我们常用的点击,滚动视口,鼠标滑动都是事件,为响应事件而调用的函数被称为事件处理程序,在js中事件处理程序的名字以 on 开头。
大熊G
2022/11/14
5310
详解JavaScript事件处理程序
事件是用户与浏览器进行交互的方式。譬如用户点击按钮就会产生click事件,浏览器会找到相应js代码并执行,我们要做的就是按照规则编写js代码放在指定位置即可。
Learn-anything.cn
2021/12/26
8600
JavaScript——DOM事件高级
此方法将指定的监听器注册到eventTarger(目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。
岳泽以
2022/10/26
1.8K0
JavaScript——DOM事件高级
JavaScript HTML DOM 事件
我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。
陈不成i
2021/07/20
1.7K0
JavaScript事件对象与事件处理程序
事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息。既然event是事件对象,那么它必然存在属性
小蔚
2019/09/11
8150
JavaScript HTML DOM 元素 (节点)
要创建新的 HTML 元素 (节点)需要先创建一个元素,然后在已存在的元素中添加它。
陈不成i
2021/07/20
2.2K0
Dom 事件处理函数
别人整理的,我顺手就给捏来了哈哈。很详细的一些事件,浏览器支持情况,以及详细的说明。在这里向整理者致敬。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
练小习
2017/12/29
8510
JavaScript之Dom、事件,案例
📦个人主页:楠慧 🏆简介:一个大二的科班出身的,主要研究Java后端开发 ⏰座右铭:成功之前我们要做应该做的事情,成功之后才能做我们喜欢的事 3、JavaScript DOM 3.1、DOM介绍 DOM(Document Object Model):文档对象模型。 将 HTML 文档的各个组成部分,封装为对象。借助这些对象,可以对 HTML 文档进行增删改查的动态操作。 3.2、Element元素的获取操作 具体方法 代码实现 <!DOCTYPE html> <html lang=
楠羽
2022/11/18
1.2K0
JavaScript之Dom、事件,案例
JavaScript 教程「10」:DOM 事件
在之前 DOM 的学习中,我们主要学习了如何获取 DOM 元素,并且学会了如何给获取的元素进行属性修改等操作。但这些基本都是静态的修改,并没有接触到一些动作。而今天要学习的事件,其实就是这些动作的总称。
村雨遥
2022/05/23
3890
JavaScript 教程「10」:DOM 事件
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
jquery 通过 trigger() 方法触发点击事件。 $("#login_div > div > div.login-content > div.content-right > div > div > div.login-panel-input.login-submit-panel > button").trigger("click")
小蓝枣
2021/12/01
9K0
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
JavaScript DOM元素尺寸和位置
三大点: 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小 一.获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById('box');//获取元素 box.style.width;//200px、空 box.style.height;//200px、空 PS:style获取只能获取到行内style属性的CSS样式中的宽和高,如果有 获取;如果没有则返回空。 2.通过计算获取元素的大小 var style = windo
汤高
2018/01/11
2.8K0
javaScript事件处理
JS事件指再浏览器窗体或者HTML元素上发生的,乐意触发JS代码块运行的行为,下面,我们一起来看看相关事件。
花狗Fdog
2020/11/24
2.4K0
javaScript事件处理
深入JavaScript之BOM、DOM和事件
BOM全称Browser Object Model浏览器对象模型,将浏览器的各个组成部分封装成对象。
共饮一杯无
2022/11/28
3K0
深入JavaScript之BOM、DOM和事件
JavaScript 学习-29.HTML DOM 事件
前言 HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 常用的一些事件 事件名称 作用 onload 通常用于  元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 onunload 用户退出页面。(  和 ) onclick 当用户点击某个对象时调用的事件句柄。 onmouseover 鼠标移到某元素之上。 onmouseout 鼠标从某元素移开。 ondblclick 当用户双击某个对象时调用的事件句柄。 onkeydown 某个键盘按键被按下。
上海-悠悠
2022/05/30
1K0
JavaScript 学习-29.HTML DOM 事件
JavaScript 技术篇-通过代码获取dom元素绑定的监听事件,chrome浏览器查看js元素绑定的监听事件
可以看到当前 dom 节点的监听就是 mousedown 和 mouseout。 取消勾选 Ancestors All 可以排除当前元素所有祖先元素的监听。 反过来如果想通过代码获取某个元素所有祖先元素的监听可以遍历它的所有上级节点再依次获取所有 dom 节点的监听。
小蓝枣
2021/12/01
7K0
JavaScript 技术篇-通过代码获取dom元素绑定的监听事件,chrome浏览器查看js元素绑定的监听事件
JavaScript 教程「9」:DOM 元素获取、属性修改
Web API 是指网页服务器或者网页浏览器的应用程序接口。简单来讲,就是我们在编写 JavaScript 代码时,可以通过 Web API 来操作 HTML 网页和浏览器。
村雨遥
2022/05/23
2.6K0
JavaScript 教程「9」:DOM 元素获取、属性修改
再谈BOM和DOM(4):DOM0/DOM2事件处理分析
JavaScript能够让网站对用户的各种操作及时做出“反馈”,响应用户交互行为,而这些就是:DOM,事件以及事件处理
周陆军
2021/07/13
8630
JavaScript学习笔记011-DOM页面元素的运用
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 给大家分享一个工作中遇到的事情: 分公司人事部的电脑坏了 老总叫我们网络营销部去给分公司送电脑 去了安装好电脑后 他们说打印机坏了 让我们修 我们看了一下 不是连接问题 好像是打印机老化,硬件问题 于是跟老总说,叫个电脑维修的过来看看吧 老总表现的很不满意,说 你们要多学点东西,身为网络部的,连打印机都不会修 后来在一次员工会议上,老总又提到这件事,他说 分公司很多人对网络部不满意,觉得你们做事不靠谱,
Mr. 柳上原
2018/09/05
4950
浏览器 DOM 元素的事件代理指的是什么
在网页中,如果想与使用者进行“互动”,必须要通过某种方法知道他都做了什么。当然,浏览器开发者们早已根据 W3C 事件规范[1]实现好了底层的逻辑,我们只需要通过 Web API 中的 DOM Event[2],通过注册想监听的 DOM 元素和事件的事件监听器(Event Listener)就可以轻松掌握使用者在网页上的一举一动。
疯狂的技术宅
2020/11/03
1.1K0
浏览器 DOM 元素的事件代理指的是什么

相似问题

测试JavaScript僵尸事件处理程序或DOM元素

20

JavaScript: DOM的准备元素并继承事件处理程序

10

显示DOM元素事件及其处理程序

21

如何停止DOM javascript事件处理程序

32

JavaScript监视事件不处理DOM元素对象?

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文