首页 > 代码库 > javascript 事件处理
javascript 事件处理
js事件处理的方式有三种：
1.HTML事件处理
<input type="button" value="click me" onclick="alert("Clicked");"/>
2.DOM0级事件处理
var btn = document.getElementById("myBtn");btn.onclick = function(){ alert("Clicked"); }
3.DOM2级事件处理
var btn=document.getElementById("myBtn");btn.addEventListener("click",function()){ alert(this.id);},false);//false 表示在冒泡阶段调用时间处理函数，如果是true，表示在捕获阶段调用事件处理程序。
4.IE事件处理
IE8及IE8以前的版本只支持事件冒泡。
var btn=document.getElementById("myBtn");btn.attachEvent("onclick",function()){ alert(this === windown); //true 跨浏览器编程时，要牢记这一区别。},false);
5.跨浏览器的事件处理
var EventUtil = { addHandle:function(element, type, handler){ if(element.addEventListener){ element.addEventListener(type, handler, false); }else if(element.attachEvent){ element.attachEvent("on"+type, handler); }else{ element["on"+type] = handler; } }, removeHandle: function(element, type, handler){ if(element.removeEventListener){ element.removeEventListener(type, handler, false); }else if(element.detachEvent){ element.detachEvent("on"+type, handler); }else{ element["on"+type] = null; } }}
javascript 事件处理
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。