js给对象标签添加事件&方法的封装

最新推荐文章于 2023-06-27 17:34:14 发布

ringtoping

最新推荐文章于 2023-06-27 17:34:14 发布

阅读量1.8k

点赞数 1

本文链接：https://blog.csdn.net/ring_to_ping/article/details/46292145

版权

<pre name="code" class="html"><span style="font-family:Microsoft YaHei;font-size:14px;"><body>

<div id="box">
	<input type="button" value="test" id="input1"/>
</div>

<script>

function fun1(){
	alert("hello");	
}

var input = document.getElementById("input1");
input.addEventListener("click",fun1,false);

input.addEventListener("click",function(){alert("hello")},false);//removeEventListener

//input.attachEvent("onclick",function(){alert("hello")},false);//detachEvent  IE8  onclick

//封装方法
var funUtil = 
	{
		addEvent:function(type,fun,element){
			element.addEventListener(type,fun,false);
		},
		removeEvent:function(type,fun,element){
			element.removeEventListener(type,fun,false);	
		}
	
	};
	
funUtil.addEvent("click",fun1,input);
funUtil.removeEvent("click",fun1,input);
</script>
</body></span>

优惠劵

ringtoping

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js给对象标签添加事件&方法的封装

function fun1(){ alert("hello"); }var input = document.getElementById("input1");input.addEventListener("click",fun1,false);input.addEventListener("click",function(){alert("hello")},false);//rem
复制链接

扫一扫