事件中对象如何兼容各种浏览器
事件中对象如何兼容各种浏览器
贵哥的编程之路
发布于 2020-10-28 14:53:57
发布于 2020-10-28 14:53:57
<!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>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-09-19 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读