JavaScript中绑定事件的方式

古兮!怪哉

于 2017-08-15 22:34:05 发布

阅读量269

点赞数

分类专栏： JavaScript 文章标签： javascript 事件事件捕获事件冒泡

本文链接：https://blog.csdn.net/michael8512/article/details/77202312

版权

67 篇文章 1 订阅

订阅专栏

1. 直接在HTML中绑定事件

<span id='myselect' οnclick="showMe(this)">myspan</span>

js代码

function showMe(obj){
  alert(obj.innerHTML);
}

2. 在JS中绑定事件

<span id='myselect'></span>

js代码

var myselect=document.getElementById('myselect');
myselect.οnclick=function(){
  alert(this.innerHTML);
}

3. addEventListener绑定——IE8以下不适用，第三个参数可以指定是事件冒泡还是事件捕获

myselect.attachEventListener('click',function(){alert(this.innerHTML)})

4. attachEvent()绑定——适用于IE，只能用于事件冒泡，不能用于事件捕获

myselect.attachEvent('click',function(){alert(this.innerHTML)})

关注

专栏目录