<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>
惰性函数1
本文介绍如何使用JavaScript为按钮添加点击事件监听,实现点击后div内容递增。通过addEvent函数实现兼容不同浏览器的事件处理,核心在于addEventListener、attachEvent和传统on*方式的切换。
摘要由CSDN通过智能技术生成