如何跨浏览器处理事件【兼容各大浏览器包括ie】

最新推荐文章于 2020-02-24 14:52:54 发布

仰望星空的包子

最新推荐文章于 2020-02-24 14:52:54 发布

阅读量305

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/sinat_21206105/article/details/52587725

版权

JavaScript学习专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>跨浏览器处理事件</title>
</head>
<body>

	<input type="button" id="btn1" name="" value="哈哈">
	<script type="text/javascript">
	function message(event){
		// alert('hahha');
		alert(event.type);
		event.stopPropagation();//阻止事件冒泡
	}
		// 跨浏览器事件处理程序
		var eventUtil={
			addHandler: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;
				}
			},
			removeHandler: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;
				}
			}
		}
			eventUtil.addHandler(btn1,'click',message);
	</script>
</body>
</html>

可以用该代码测试，在ie，Google，Firefox下可正常运行弹窗！

仰望星空的包子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何跨浏览器处理事件【兼容各大浏览器包括ie】

跨浏览器处理事件 function message(event){ // alert('hahha'); alert(event.type); event.stopPropagation();//阻止事件冒泡 } // 跨浏览器事件处理程序 var eventUtil={ addHandler:function(element,type,handler)
复制链接

扫一扫

专栏目录