event.js
// JavaScript Document
var eventUntil={
//添加句柄
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handle,false);
}else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}else{
element['on'+type]=handler;}},//element.onclick===element[onclick]
//删除句柄
deleHandler:function(elememt,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handle,false);
}else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}else{
element['on'+type]=handler;}},
//获取事件
getEvent:function(event){
return event?event:window.event;//解决IE8以下浏览器兼容问题
},
//获取事件元素
getElement:function(event){
return event.target||event.srcElement;
},
//阻止事件的默认操作
preventDefault:function(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue=false;
}
},
//阻止事件冒泡
stopPropagation:function(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
}
}
eventUntil.addhandler(btn,'click',show);
eventUntil.deleHandler(btn,'click',null);
script.js
window.onload=function(){
var go=document.getElementById('go'),
box=document.getElementById('box');
eventUntil.addHandler(go,'click',function(){
alert('box');});
eventUntil.addHandler(go,'click',function(e){
e=eventUntil.getEvent(e);
alert(eventUnitil.getElement(e).nodeName);
})
}
HTML
事件流
跳转
为什么在js文件中的对HTML的操作都显示不出来 |
天盟APP下载
