js学习笔记之事件处理模型(2)

addEventListener() 与attacthEvent()  的一个重要差别是attacthEvent()注册的事件处理函数中的this关键字永远是指向window对象的,而addEventListener() 注册的事件处理函数中的this指向的是发生了事件的元素

 (3)、IE与标准事件模型的Event对象比较

IE 事件对象

 

IE事件对象

 

标准事件对象

 

标准事件对象

 

altKey

 

true表示按下了ALT键,false表示没有

 

altKey

 

true表示按下了ALT键。false表示没有

 

ctrlKey

 

true表示按下了CTRL键,false表示没有

 

ctrlKey

 

true表示按下了CTRL键,false表示没有

 

shiftKey

 

true表示按下了SHIFT键,false表示没有

 

shiftKey

 

true表示按下了SHIFT键,false表示没有

 

button

  鼠标事件。0表示没有按下鼠标键,1为按下左键,2为按下右键,4为中间键,3为同时按下左右键,5为按下左键和中键,6为按下右键和中键,7为按下左键、中键、右键  

button

  0为左键,1为中键,2为右键
 

clientX

  事件发生时,鼠标在浏览器窗口(不包含工具栏、滚动条等)的X坐标  

clientX

  事件发生时,鼠标在浏览器窗口(不包含工具栏、滚动条等)的X坐标  

clientY

 

同上

 

clientY

 

同上

 

screenX

 

事件发生时,鼠标在整个屏幕上的X坐标

 

screenX

 

事件发生时,鼠标在整个屏幕上的X坐标

 

screenY

 

同上

 

screenY

 

同上

 

type

 

事件的名称(如click)

 

type

 

事件的名称(如click)

 

srcElement

 

引起事件的元素

 

target

 

引起事件的元素

 

keyCode

  对于keypress事件,表示按钮的unicode字符,对于keydown和keyup事件则表示按钮的数字代码  

charCode

 

表示按键的Unicode字符

 
       

keyCode

 

表示按键的数字代码

 

cancelBubble

 

值为true时将阻止事件继续向上冒泡

 

stopPropagation

 

可以调用这个方法来阻止事件继续向上冒泡

 
       

cancelBubble

 

true表示事件冒泡已被取消,false表示没有

 

returnValue

 

值为false时将会阻止事件的默认行为

 

preventDefault()

 

调用该方法可以阻止事件的默认行为

 

offsetX

  获取事件发生时鼠标相对于引起事件的元素的X坐标,即以引起事件的元素的本身(不用计算padding和margin)的左上角为原点  

layerX

          当引发事件的元素没有动态定位时,返回鼠标相对于引发事件的元素的最近的一个设置了动态定位的父元素里的X坐标,以其父元素的边框的左上角为原点。
        当引发事件的元素设置了动态定位后,则返回鼠标相对于引发事件的元素的X坐标,以该元素边界的左上角为原点。
 

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzgdwd.html