DOM使用addEventListener()

最新推荐文章于 2024-03-15 14:30:52 发布

hjy170314

最新推荐文章于 2024-03-15 14:30:52 发布

阅读量532

点赞数

分类专栏：原生js 文章标签： js javascript 原生

本文链接：https://blog.csdn.net/hjy170314/article/details/118092626

版权

原生js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

addEventListener()

给元素添加事件，用来指定元素添加事件句柄
可以使用 removeEventListener()来移除 addEventListener()添加的事件句柄

element.addEventListener(event,function,useCapture)

注释：
event: 事件名，不可省略,这里不需要"on"前缀，直接写“click"即可
function：指定事件需要执行的函数
useCapture: 布尔值，指定事件是否在捕获或冒泡阶段执行		
					true - 事件句柄在捕获阶段执行
					false-false-默认，事件句柄在冒泡阶段执行

例子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>该实例使用了 addEventListener() 方法向文档中添加点击事件。</p>
<p id="closeDemo">点击隐藏</p>
<p id="demo">点击显示</p>
<script>
document.getElementById("demo").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World!";
});
document.getElementById("closeDemo").addEventListener("click",function(){
	document.getElementById("demo").innerHTML = "点击显示"
})
</script>

</body>
</html>

hjy170314

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM使用addEventListener()

addEventListener()给元素添加事件，用来指定元素添加事件句柄可以使用 removeEventListener()来移除 addEventListener()添加的事件句柄element.addEventListener(event,function,useCapture)注释：event: 事件名，不可省略,这里不需要"on"前缀，直接写“click"即可function：指定事件需要执行的函数useCapture: 布尔值，指定事件是否在捕获或冒泡阶段执行
复制链接

扫一扫