码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript事件处理程序

时间:2015-03-20 17:53:21      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

一、HTML事件处理程序

作用域为元素所在的作用域

function showMessage(){

  alert("showMessage");

}

<input type="text" value="Click" onclick="alert(‘Click‘)" >

<input type="text" value="Click" onclick="showMessage()" >

 

二、DOM0级事件处理程序

作用域为元素所在的作用域

var btn = document.getElementById("btn");

btn.onclock = function(){

  alert("click");

}

 

//删除事件

btn.onclick = null;

三、DOM2级事件处理程序

作用域为元素所在的作用域

function cm(){

  alert(this.id);

}

var btn = document.getElementById("btn");

btn.addEventListenser("click",cm,false);

 

//移除事件

btn.removeEventListener("click",cm,false);//由于移除时传入的参数与添加时传入的参数必须相同,所以匿名函数无法被删除

 

四、IE事件处理程序

作用域为全局作用域

var btn = document.getElementById("btn");

btn.attachEvent("onclick",function(){

  alert("click");

});

//删除事件

btn.removeEventListener();//由于移除时传入的参数与添加时传入的参数必须相同,所以匿名函数无法被删除

 

JavaScript事件处理程序

标签:

原文地址:http://www.cnblogs.com/baoliwei/p/4353847.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!