品易云推流 关闭
文章详情页
文章 > JavaScript > javascript事件绑定的方法

javascript事件绑定的方法

javascript

头像

小妮浅浅

2021-09-13 16:29:47857浏览 · 0收藏 · 0评论

1、使用“对象.on事件名 = function(){代码}”语句绑定。

oBtn.onclick = function(){//oBtn为事件源对象,它的单击事件绑定了一个匿名函数定义
      alert('hi')
};

2、使用“事件源.addEventListener(事件名称,事件处理函数名,是否捕获);”语句绑定。

document.addEventListener('click',fn1,false);//click事件绑定fn1函数实现事件冒泡
document.addEventListener('click',fn2,true);//click事件绑定fn2函数实现事件捕获

3、在HTML标签中使用“onclick”属性绑定事件。

需要注意的是,使用 HTML 标签的事件属性绑定事件处理程序的方式时,事件属性中的脚本代码不能包含函数声明,但可以是函数调用或一系列使用分号分隔的脚本代码。

以上就是javascript事件绑定的方法,希望对大家有所帮助。更多Javascript学习指路:Javascript

本文转载于php中文网,如有侵犯联系作者修改。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图