码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript事件 — 事件对象

时间:2015-05-14 01:00:36      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

在触发DOM上的某一个事件的时候,会产生一个事件对象 event ,这个对象记录这和事件有关的一些信息。不管是DOM0级的事件绑定还是DOM2级的事情绑定都会有event对象传入,在通过HTML特性指定事件处理程序的时候,变量event保存这event对象,代码如下琐事:

var btn = document.getElementById("button");
btn.onclick = function(event){
  console.log(event);  //DOM0级绑定事件能打印event对象  
}
btn.addEventListener("click",function(event){
    console.log(event);  //DOM2级绑定事件能打印event对象  
})
<input type="button" onclick="console.log(event);" />

不同的事件类型会有不同的event属性和方法,但是还是会有一些共同的属性和方法

 bubbles 属性,如果事件支持冒泡,则这个属性的属性值为 true 否则为 false 

 currentTarget 属性,指向正在处理事件的那个元素

JavaScript事件 — 事件对象

标签:

原文地址:http://www.cnblogs.com/suliang1100/p/4502205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!