关闭

Javascript中Event事件的属性大全

标签: javascriptevent事件
160人阅读 评论(0) 收藏 举报
分类:

1.altKey 描述: 检查alt键的状态。 
语法: event.altKey 
可能的值: 当alt键按下时,值为 TRUE ,否则为 FALSE 。只读。 

2.button 描述: 检查按下的鼠标键。 
语法: event.button 
可能的值: 0 没按键 1 按左键 2 按右键 3 按左右键 4 按中间键 5 按左键和中间键 6 按右键和中间键 7 按所有的键 
这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件,不管鼠标状态如何,都返回 0(比如onclick)。 
3.cancelBubble 描述: 检测是否接受上层元素的事件的控制。 
语法: event.cancelBubble[ = cancelBubble] 
可能的值: 这是一个可读写的布尔值: 
TRUE 不被上层原素的事件控制。 FALSE 允许被上层元素的事件控制。这是默认值。 
例子: 下面的代码片断演示了当在图片上点击(onclick)时,如果同时shift键也被按下,就取消上层元素(body)上的事件onclick所引发的showSrc()函数。 


4.clientX 描述: 返回鼠标在窗口客户区域中的X坐标。 
语法: event.clientX 
注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。 

5.clientY 描述: 返回鼠标在窗口客户区域中的Y坐标。 
语法: event.clientY 
注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。 

6.ctrlKey 描述: 检查ctrl键的状态。 
语法: event.ctrlKey 
可能的值: 当ctrl键按下时,值为 TRUE ,否则为 FALSE 。只读。 

7.fromElement 描述: 检测 onmouseover 和 onmouseout 事件发生时,鼠标所离开的元素。 参考:18.toElement 
语法: event.fromElement 
注释: 这是个只读属性。 

8.keyCode 描述: 检测键盘事件相对应的内码。 这个属性用于 onkeydown, onkeyup, 和 onkeypress 事件。 
语法: event.keyCode[ = keyCode] 

可能的值: 这是个可读写的值,可以是任何一个Unicode键盘内码。如果没有引发键盘事件,则该值为 0 。 

9.offsetX 描述: 检查相对于触发事件的对象,鼠标位置的水平坐标 
语法: event.offsetX 

10.offsetY 描述: 检查相对于触发事件的对象,鼠标位置的垂直坐标 
语法: event.offsetY 

11.propertyName 描述: 设置或返回元素的变化了的属性的名称。 
语法: event.propertyName [ = sProperty ] 
可能的值: sProperty 是一个字符串,指定或返回触发事件的元素在事件中变化了的属性的名称。 这个属性是可读写的。无默认值。 
注释: 你可以通过使用 onpropertychange 事件,得到 propertyName 的值。 

12.returnValue 描述: 设置或检查从事件中返回的值 
语法: event.returnValue[ = Boolean] 
可能的值: true 事件中的值被返回 false 源对象上事件的默认操作被取消 
例子见本文的开头。 

13.screenX 描述: 检测鼠标相对于用户屏幕的水平位置 
语法: event.screenX 

注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。 

14.screenY 描述: 检测鼠标相对于用户屏幕的垂直位置 
语法: event.screenY 
注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。 

15.shiftKey 描述: 检查shift键的状态。 
语法: event.shiftKey 
可能的值: 当shift键按下时,值为 TRUE ,否则为 FALSE 。只读。 

16.srcElement 描述: 返回触发事件的元素。只读。例子见本文开头。 
语法: event.srcElement 

17.srcFilter 描述: 返回触发 onfilterchange 事件的滤镜。只读。 
语法: event.srcFilter 

18.toElement 描述: 检测 onmouseover 和 onmouseout 事件发生时,鼠标所进入的元素。 参考:7.fromElement 
语法: event.toElement 
注释: 这是个只读属性。 

19.type 描述: 返回事件名。 
语法: event.type 
注释: 返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click 只读。 

20. x 描述: 返回鼠标相对于css属性中有position属性的上级元素的x轴坐标。如果没有css属性中有position属性的上级元素,默认以BODY元素作为参考对象。 
语法: event.x 
注释: 如果事件触发后,鼠标移出窗口外,则返回的值为 -1 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。 

21. y 描述: 返回鼠标相对于css属性中有position属性的上级元素的y轴坐标。如果没有css属性中有position属性的上级元素,默认以BODY元素作为参考对象。 
语法: event.y 
注释: 如果事件触发后,鼠标移出窗口外,则返回的值为 -1 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Javascript中Event属性大全

属性 1 2 altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromEle...
  • qq_24771775
  • qq_24771775
  • 2015-12-14 13:31
  • 93

javascript事件监听机制(二)——jquery的Event对象

jQuery封装了浏览器的事件监听方法,兼容了各个浏览器的区别,对外提供一套适合于jquery对象的事件监听接口。Event对象的核心方法主要有三个,add,remove和trigger。 elem对...
  • u013237862
  • u013237862
  • 2017-04-08 12:19
  • 1468

JavaScript Event 事件处理机制之自定义事件处理方法

//Copyright (c) 2010 Nicholas C. Zakas. All rights reserved. //MIT License function EventTarget(){ ...
  • Kevinlou2008
  • Kevinlou2008
  • 2016-08-25 20:57
  • 542

javascript事件处理中Event对象(键盘事件和鼠标事件)实例

.html代码如下: 辅助键及鼠标 *{margin:0} #layer{width:100px;height:30px;position:relative;float:left;line-he...
  • yayun0516
  • yayun0516
  • 2014-12-01 09:45
  • 1052

JS-事件类型(鼠标事件中event对象的独有属性)

ClientX与ClientY返回客户区坐标位置 var bd=document.getElementById("bd");//body EventUtil.addHand...
  • wodexiaoyang
  • wodexiaoyang
  • 2016-04-13 19:35
  • 2634

JavaScript中的Event事件对象详解

JavaScript中的Event事件对象详解
  • muguli2008
  • muguli2008
  • 2016-10-07 17:36
  • 2980

JS基础——事件对象event

事件为什么会是对象呢?先了解一下事件处理 一、事件处理    JS在事件处理函数中提供了事件对象,帮助处理鼠标和键盘事件。同时还可以修改一些事件的捕获和冒泡流的函数。 事件处理分...
  • liuwengai
  • liuwengai
  • 2016-10-08 12:59
  • 1416

【BOM操作】JavaScript中的event对象之总结

Event属性和方法:  1. type:事件的类型,如onlick中的click;  2. srcElement/target:事件源,就是发生事件的元素;  3. button:...
  • itpinpai
  • itpinpai
  • 2015-08-08 12:32
  • 1104

Java event事件监听属性值变化 demo

1、定义一个 ValueChangedEvent ValueChangedEvent用于在设置属性值的时候,触发事件。 package org.teamlet; import java.util....
  • teamlet
  • teamlet
  • 2015-01-11 22:28
  • 12452

javascript中的事件Event(一)

一、Event基本信息 1、事件流:描述的是从页面中接受事件的顺序       IE的事件流是事件冒泡流,Netscape的事件流是事件捕获流。   2、事件冒...
  • u010644262
  • u010644262
  • 2017-12-27 10:44
  • 15
    个人资料
    • 访问:8127次
    • 积分:302
    • 等级:
    • 排名:千里之外
    • 原创:21篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条