<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button id="btn">我是按钮</button> <a href="http://www.it666.com">知播渔教育</a> <script type="text/javascript"> /* 1.什么是事件对象? 事件对象就是一个系统自动创建的一个对象 当注册的事件被触发的时候, 系统就会自动创建事件对象 */ /* 2.事件对象的注意点: 在高级版本的浏览器中, 会自动将事件对象传递给回到函数 在低级版本的浏览器中, 不会自动将事件对象传递给回调函数 在低级版本的浏览器中, 需要通过window.event来获取事件对象 */ var oBtn = document.getElementById("btn"); oBtn.onclick=function(event) { // 兼容性的写法 event=event||window.event; // 阻止默认行为 return false; // 企业开发推荐 //防止执行系统默认的行为. 注意点: preventDefault方法只支持高级版本的浏览器 // event.preventDefault(); // event.returnValue = false; // IE9以下的浏览器 } </script> </body> </html>
事件中对象如何兼容各种浏览器
关注
打赏