click onclick addEventListener(‘click‘)

最新推荐文章于 2024-02-08 07:45:00 发布

紫霞仙子我爱你

最新推荐文章于 2024-02-08 07:45:00 发布

阅读量187

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_43901111/article/details/129436215

版权

文章介绍了在JavaScript中如何监听DOM元素的click事件，包括使用`addEventListener`方法和在HTML中直接绑定onclick属性。这两种方法都能在用户手动点击或代码触发`child.click()`时执行相应的功能。

摘要由CSDN通过智能技术生成

var child=document.querySelector(‘.child’)
//监听click事件有两种方法

//方法1
 child.addEventListener('click',()=>console.log(111))
//方法2 方法2可在html中进行绑定
    child.onclick=function(){
        console.log(222)
    }

监听click事件：等待触发后执行
触发方法：1 用户手动点击触发
2，代码形式触发
child.click() 主动触发监听的事件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

紫霞仙子我爱你

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JS中onclick与addEventListener的区别详解

01-08

- 参数：事件名不带“on”，例如`"click"`而不是`"onclick"`。处理函数是一个函数引用，可以是命名函数或者匿名函数。第三个参数是一个布尔值，用于指定事件传播模式，默认是`false`表示冒泡阶段，`true`表示捕获...

JavaScript-事件

qq_52822043的博客

03-24

2193

1. 注册事件（绑定事件）给元素添加事件，成为注册事件或者绑定事件注册事件有两种方式：传统方式和方法监听注册方式 1）传统注册方式利用on开头的时间onclick <button onclick = "alert('hi')" ></button> btn.onclick = function() {} 特点：注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数 2）方法监听注册 W3C标准，推荐方式...

参与评论您还未登录，请先登录后发表或查看评论

HTML DOM 事件

akuibpt23191的博客

07-13

624

1. HTML DOM 事件参考文档：https://www.runoob.com/jsref/dom-obj-event.html HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。提示：在 W3C 2 级 DOM 事件中规范了事件模型。...

addEventListener( ) 方法 -- 事件监听

m0_52545254的博客

07-11

6596

事件监听/捕获/冒泡

前端JavaScript篇之addEventListener()方法的参数和使用

最新发布

星辰迷上大海的博客

02-08

4116

addEventListener() 是 JavaScript 中用于向指定元素添加事件监听器的方法。这个方法通常用于处理用户交互，比如点击、鼠标悬停等操作。

黑马程序员-JS基础-事件高级

weixin_65549185的博客

11-16

326

事件注册事件解绑事件对象事件捕获与事件冒泡事件委托

元素绑定click点击事件方法

09-03

为确保跨浏览器的兼容性，开发者需要考虑使用`addEventListener`或`attachEvent`（IE浏览器）来添加事件监听器，这样可以在任何元素上绑定`click`事件，并且`click()`方法也能触发这些监听器内的函数： ```...

js修改onclick动作的四种方法(推荐)

11-24

button.addEventListener('click', function() { alert('11'); }, false); button.addEventListener('click', function() { alert('12'); }, false); } ``` `addEventListener`方法允许你添加多个事件处理程序...

代码触发js事件(click、change)示例应用

10-26

在JavaScript中，我们可以使用`addEventListener`来监听`click`事件，或者使用`dispatchEvent`或`fireEvent`（IE特有）来模拟点击事件。以下是一个模拟`click`事件的例子： ```javascript function simulateClick...

JS基础-18-addEventListener和冒泡

HZ~的博客

08-03

1293

绑定事件的两种方式/DOM事件的级别方式一：onclick element.onclick = function () { } 举例： <body> <button>点我</button> <script> var btn = document.getElementsByTagName("button")[0]; //这种事件绑定的方法容易被层叠。 btn.onclick = function () {

DOM事件对象

沉梦昂志

07-12

215

绑定事件的两种方式/DOM事件的级别我们在之前的一篇文章《04-JavaScript/22-DOM简介和DOM操作》中已经讲过事件的概念。这里讲一下绑定（注册）事件的两种方式，我们以onclick事件为例。 DOM0的写法：onclick element.onclick = function () { } 举例： <body> <button>点我</button> <script> var btn = document.getE

addEventListener（）参数及事件汇总

菠萝萝的博客

09-26

6386

addEventListener（）事件的汇总记录

JS事件处理程序中的event

csdssdn的博客

05-18

1061

目录 Event对象获取event对象隐藏在监听函数中的"event" event. preventDefault() event.stopPropagation() & event.stopImmediatePropagation() 1. event.stopPropagation() 方法 2. stopImmediatePropagation()方法 event.target & event.currentTarget 事件代理 Event对象 Event.

【JS】addEventListener方法介绍

红尘道，红尘练心

09-07

6186

第三个参数useCapture：设置传递的类型，默认值为false，即冒泡传递（可省略）；使用 attachEvent 方法有个缺点，this 的值会变成 window 对象的引用而不是触发事件的元素。addEventListener()，事件监听，用于向指定的元素添加事件监听。在捕获中，外部元素的事件会被先触发，然后才会触发内部元素的事件。在冒泡中，内部元素的事件会先被触发，然后再触发外部元素；(它允许给一个事件注册多个监听器，且不会覆盖已存在的事件)事件的传递有两种方式：冒泡与捕获。

addEventListener() JS事件监听方法

weixin_56893328的博客

02-13

4100

事件对象的类型取决于特定的事件。playing 事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。loadeddata 事件在浏览器加载视频/音频（audio/video）当前帧时触发触发。ratechange 事件在视频/音频（audio/video）的播放速度发送改变时触发。progress 事件在浏览器下载指定的视频/音频（audio/video）时触发。canplay 事件在用户可以开始播放视频/音频（audio/video）时触发。

addEventListener的click和onclick的区别

weixin_30339457的博客

09-12

508

前两节都和addEventListener的click有关，于是在想它与onclick有什么区别呢，自己调试了一下，网上也有相关资料事件绑定 onclick绑定方式优点：- 简洁- 处理事件的this关键字指向当前元素缺点：- 不能对事件捕获或事件冒泡进行控制，只能使用事件冒泡，无法切换成事件捕获- 一次只能对一个元素绑定一个事件处理程序，当使用window.onl...

事件addEventListener（）参数及事件汇总

qq_46344419的博客

04-23

4770

addEventListener（）参数及事件汇总

web前端学习（四十一）——JavaScript DOM EventListener（添加与移除监听事件）