javaScript中的事件对象event
来源:互联网 发布:最小公倍数算法流程图 编辑:程序博客网 时间:2024/05/01 21:50
事件对象event,每当一个事件被触发的时候,就会随之产恒一个事件对象event,该对象中主要包含了关于该事件的基本属性,事件类型type(click、dbclick等值)、目标元素target(我的理解是事件源对象,即触发该事件的dom元素)等,以及一些与该事件相关的方法,取消事件默认行为preventDefault()、组织事件继续冒泡或捕获stopPropagation()等等,这里我只列举了,项目中我用到的属性和方法。
既然事件被触发,就随之产生了一个event对象,笔者在IE中测试了,不需要通过赋值即可使用,或许低版本的需要吧,火狐浏览器是需要对其进行赋值的,在这里我觉得需要养成一个习惯,多谢一行代码呗,每次在事件处理程序中使用event对象,都通过赋值的方式去使用:
var event = event||window.event;
其实,默认参数数组中第一元素就是event对象,也就是说,可以用数组元素赋值
var event = arguments[0];
type属性,应该是最容易理解的,事件类型,单击click,双击dbclick等等
target属性,触发事件的dom元素对象,我看到网上说target是火狐浏览器,srcElement是IE中的,但是我测试的结果是,在IE11中两个都可以使用了,一样的效果,但是火狐中只能使用target属性,浏览器之间的实现方式能不能有个通用的标准呢,兼容性很纠结呢,所以和event对象的获取一样,建议是通过赋值的方式去获取触发事件的dom对象:
var target = event.target||event.srcElement;
preventDefault()方法是用来取消默认事件行为的,比如超链接,点击超链接,会根据href属性,跳到另一个页面,之前在项目中,就遇到很多需要取消超链接的默认点击行为,在点击事件处理程序中,取消默认的事件行为,可以如下操作:
if(event.preventDefault){//判断该函数是否存在 event.preventDefault;}else{ returnValue = false;}
这样也实现了取消超链接的默认行为,其实在项目中,还看到别的同事使用的别的方式,也取消是默认的点击行为
<a href="javaScript:void(0);">也行</a>
stopPropagation()方法直接就取消事件的继续冒泡或者捕获了,这个很实用的,如果父元素和子元素都绑定了某个相同类型的事件,比如都绑定了click事件,现在用户触发了一个事件,事件在捕获阶段被触发,针对父元素,则会继续向下捕获,进而触发子元素的事件,针对子元素,在冒泡阶段被触发,也同样因为冒泡行为,会触发父元素的事件,因此往往需要取消这种无意的触发,
if(event.stopPropagation){//判断是否存在 event.stopPropagation();}else{ event.cancleBubble = true;}
2014年9月30日22:04:18
后续项目中,如果还是用到了别的相关操作,我在继续补充
- JavaScript中的事件Event对象
- Javascript中的事件--Event对象
- javaScript中的事件对象event
- JavaScript中的Event事件对象详解
- JavaScript中的event对象
- JavaScript事件event对象属性
- javascript event对象:当前事件
- javascript事件对象(event)
- JavaScript之事件对象Event(事件)
- JavaScript中的Event对象用法
- 问题:javascript中的event对象???
- JavaScript的事件机制event对象
- javascript事件;event对象的属性
- javascript事件;event对象的属性
- javascript event(事件对象)详解
- [js点滴]JavaScript事件Event对象03
- javascript事件——event对象
- 浅谈JavaScript的事件对象event
- Check if a binary tree is subtree of another binary tree
- Fixtures在Django测试中的使用
- If you are given two traversal sequences, can you construct the binary tree?
- Map-Reduce: Shuffle and Sort
- 【gcd+数学证明】【HDU1722】 CAKE
- javaScript中的事件对象event
- Stanford机器学习---第一讲. Linear Regression with one variable
- 为你的rm加个回收站(ubuntu)
- 112 - Tree Summing
- No orientation specified, and the default is horizontal. This is a common source of bugs when childr
- Oracle Security Alert for CVE-2014-7169
- HDU3966(树链剖分(点权)入门)链分治
- 高斯滤波器
- C++中智能指针的设计和使用