JavaScript中绑定事件的方式

来源:互联网 发布:淘宝上nike官方旗舰店 编辑:程序博客网 时间:2024/05/21 10:13

1. 直接在HTML中绑定事件

<span id='myselect' onclick="showMe(this)">myspan</span>
js代码

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


2. 在JS中绑定事件

<span id='myselect'></span>
js代码

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


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

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


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

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






原创粉丝点击