eventTarget.addEventListner 用法小记

最新推荐文章于 2024-07-01 16:22:16 发布

巴迪

最新推荐文章于 2024-07-01 16:22:16 发布

阅读量308

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_40568715/article/details/83861132

js 专栏收录该内容

3 篇文章

订阅专栏

<button id="btn">click</button>

<script>
document.getElementById("#btn").addEventListener("click",function(){
alert("hello");
})
</script>

第一种方式 type后紧跟function；

<button id="btn">click</button>
<script>
document.getElementById('#btn').addEventListener('click',myFunction)
function myFunction(){
alert("hello")
}
</script>

第二种方式 type后跟要运行的函数切记没有（）

也可以添加多种同类型事件不会覆盖已存在的事件也可以给同一元素添加多种不同类型的事件

使用removeEventListener()移除添加的事件句柄

若浏览器不支持addEventListener()可以使用attachEvent()替代

var x = document.getElementById("myBtn");
if (x.addEventListener) {                    //所有主流浏览器，除了 IE 8 及更早 IE版本
    x.addEventListener("click", myFunction);
} else if (x.attachEvent) {                  // IE 8 及更早 IE 版本
    x.attachEvent("onclick", myFunction);
}