有些时候会遇到网页加载完成自动执行事件的情况,这里以点击事件为例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div>按钮</div>
<script>
var divDom=document.querySelector('div');
// 给dom元素添加事件监听
if(document.addEventListener){// 非IE8浏览器
divDom.addEventListener('click',function(){
console.log('事件触发了...')
})
}else{// IE8浏览器
divDom.attachEvent('onclick',function(){
console.log('事件触发了...')
})
}
// dom元素向监听器发送事件(触发事件)
if(document.createEvent){// 非IE8浏览器
var elv=document.createEvent('HTMLEvents');//https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createEvent#Notes
elv.initEvent('click',true,true);//https://developer.mozilla.org/zh-CN/docs/Web/API/Event/initEvent
divDom.dispatchEvent(elv)
}else{// IE8浏览器
var elv=document.createEventObject();
divDom.fireEvent('onclick',elv)
}
</script>
</body>
</html>