获取事件

最新推荐文章于 2022-08-08 16:49:47 发布

fuxiaomi2016

最新推荐文章于 2022-08-08 16:49:47 发布

阅读量376

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/fuxiaomi2016/article/details/54100046

版权

JS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

var oEvent=ev||event;

这一句这么写是要兼容各个浏览器，

在FireFox浏览器中，事件绑定的函数要获取到事件本身，需要从函数中传入，而IE等浏览器则可以直接使用event或者window.event得到事件本身。

这一句的用途：需要获取和事件相关的信息时使用。如：

获取键盘按下或弹起的按键
获取鼠标的位置坐标
获取出发改事件的元素
获取事件名称
获取事件当前的传播阶段
获取事件生成的日期时间

至于上面这些怎么获取，可补一下js事件方面的相关函数和属性。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

window.οnlοad=function(){

document.οnclick=function(ev){ //每用一次获取一次

// alert(document.childNodes[0].tagName); // !是doctype声明

//alert(document.childNodes[1].tagName); // html

//alert(document.childNodes.length);

//alert(event.clientX+','+event.clientY); // 谷歌、IE6-11（IE10、11有小数点）（火狐不能用）

//alert(Math.round(ev.clientX)+','+Math.round(ev.clientY));// 谷歌、火狐（IE6-8不能用）

// alert(event.clientX+','+event.clientY); // 谷歌、IE6-11（IE10、11有小数点）（火狐不能用）

// alert(Math.round(ev.clientX)+','+Math.round(ev.clientY)); // 谷歌、火狐（IE6-8不能用）

var oEvent=ev||event ;

alert(oEvent.clientX+','+oEvent.clientY); // 兼容IE6-8和火狐的写法