因为都是些简单的逻辑代码,所以不作解说。

只是期间用到自定义获取元素的函数get(),和做了浏览器之间的兼容而已。

//为元素添加事件函数
//node --> 需要添加事件的元素
//type --> 事件类型的字符串		如:"click" 带引号,没有"on"
//handle --> 需要添加的函数
H.DOM.addEvent = function(node,type,handle){
	var node = H.DOM.get(node);
	if(node.addEventListener){
		node.addEventListener(type,handle,false);
	}
	else if(document.attachEvent){
		node.attachEvent("on" + type,handle);
	}
}
//为元素移除事件函数
//node --> 需要移除事件的元素
//type --> 事件类型的字符串		如:"click" 带引号,没有"on"
//handle --> 需要移除的函数
H.DOM.removeEvent = function(node,type,handle){
	var node = H.DOM.get(node);
	if(node.removeEventListener){
		node.removeEventListener(type,handle,false);
	}
	else if(document.detachEvent){
		node.detachEvent("on" + type,handle);
	}
}

 

 

  2 Responses to “自定义封装 为元素添加或删除事件的函数:addEvent 和 removeEvent”

  1. http://www.lebasile.co.uk/pandora-charms.html…

    自定义封装 为元素添加或删除事件的函数:addEvent 和 removeEvent » Hedgehog…

  2. Taschen homepage…

    自定义封装 为元素添加或删除事件的函数:addEvent 和 removeEvent » Hedgehog…

 Leave a Reply

(required)

(required)

* Copy This Password *

* Type Or Paste Password Here *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

   
© 2012 Hedgehog Suffusion theme by Sayontan Sinha