惰性函数1

前端-夜之月

于 2021-08-11 13:46:22 发布

阅读量79

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_39092933/article/details/119603411

版权

本文介绍如何使用JavaScript为按钮添加点击事件监听，实现点击后div内容递增。通过addEvent函数实现兼容不同浏览器的事件处理，核心在于addEventListener、attachEvent和传统on*方式的切换。

摘要由CSDN通过智能技术生成

	<body>
		<button type="button" id="btn">button</button>
		<div id="box">0</div>
	</body>
	
	<script type="text/javascript">
		var addEvent=function(type,element,fn){
			if(window.addEventListener){
				addEvent=function(type,element,fn){
					element.addEventListener(type,fn,false)
				}
			}else if(window.attachEvent){
				addEvent=function(type,element,fn){
					element.attachEvent('on'+type,fn)
				}
			}else{
				addEvent=function(type,element,fn){
					element['on'+type]=fn;
				}
			}
			//重写函数后，执行这个函数
			addEvent(type,element,fn)
		}
		
		var box=document.getElementById('box')
		var btn=document.getElementById('btn')
		function add(){
			box.innerHTML++
		}
		addEvent('click',btn,add)
	</script>