Javascript中Event属性搜集整理

altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,

screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y

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()函数。

以下为引用的内容：


代码如下:

<SCRIPT type="text/javascript">
function checkCancel() ...{
if (window.event.shiftKey)
window.event.cancelBubble = true;
}
function showSrc() ...{
if (window.event.srcElement.tagName == "IMG")
alert(window.event.srcElement.src);
}
</SCRIPT>
<BODY onclick="showSrc()">
<IMG onclick="checkCancel()" src="http://www.cnblogs.com/sample.gif">

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 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。

赞 (0)

相关推荐

  • javascript中的altKey 和 Event属性大全

    下面给大家介绍javascript中altkey属性,具体介绍如下所示: altKey属性的定义和用法: 此属性返回一个布尔值.指示在指定的事件发生时,Alt键是否被按下并保持住了. 语法结构: event.altKey=true|false|1|0 浏览器支持: 1.IE浏览器支持此属性. 2.火狐浏览器支持此属性. 3.Opera浏览器支持此属性. 4.谷歌浏览器支持此属性. 实例代码: <!DOCTYPE html> <html> <head> <meta

  • 21个JavaScript事件(Events)属性汇总

    21个JavaScript事件(Events)属性汇总

    1.js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果. 2.属性(当这些事件的属性发生时,会触发function{}的函数): 1)onabort:当图像加载被中断时,会引发function内的函数. 2)onbur:当元素失去焦点: 3)onfocus:当元素获得焦点 4)onclick:鼠标点击某个对象 5)ondbclick:鼠标双击某个对象 6)onerror:当加载文档或图像时发生某个错误 7)onchange:当用户改变域的内容(o

  • JavaScript Event学习第七章 事件属性

    当我们想去读一读关于Event的一些资料时,常常会湮没在大量的属性里面,这些属性其中的大多数不能良好的运行在大多数的浏览器.这里有event的兼容性列表. 我不打算给这些属性列个表,因为那些情况实在是太让人晕头了,而且对你的学习也不会有一点点的帮助.在写5段代码前我先要问关于浏览器的5个问题. 1.event的类型(type)是什么? 2.哪一个HTML元素是event的目标呢? 3.哪些键在event发生时被按下了? 4.哪个鼠标键在Event发生时被按下了? 5.在Event发生时鼠标的位置

  • javascript attachEvent绑定多个事件执行顺序问题

    常见的绑定事件有直接绑定在页面元素中比如<div id="wrap" onclick="a();"></div>,这个换种方法也就是分离出来写在js代码里如document.getElementById('wrap').onclick = function(){a();},此时如果需要绑定多个方法则直接写在一起即可如document.getElementById('wrap').onclick = function(){a();b();}或&

  • myEvent.js javascript跨浏览器事件框架

    event究竟有多么复杂?可见前辈的6年前的努力:最佳的addEvent是怎样诞生的,后起之秀jQuery也付出了一千六百多行血汗代码(v 1.5.1)搞定了6年后出现的各种核的浏览器. 我参考前辈的代码以及自己的理解尝试写了一个事件框架,我的框架完成了一个事件机制的核心,它能提供统一接口实现多事件绑定以及避免内存泄漏等其他一些问题,更重要的是性能还不错. 我的手法: 所有回调函数根据元素.事件类型.回调函数唯一ID缓存在一个_create对象中(其内部具体结构可见下面源码的关于_cache的注

  • javascript Event对象详解及使用示例

    Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态.一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的 event对象. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. [event属性]: altKey, button, cancelBubble, clientX, clien

  • Event altKey,ctrlKey,shiftKey属性解析

    event.altKey 功能:检测事件发生时Alt键是否被按住了. 语法:event.altKey 取值:true | false 说明: altKey属性为true表示事件发生时Alt键被按下并保持,为false则Alt键没有按下. altKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式. event.ctrlKey 功能:检测事件发生时Ctrl键是否被按住了. 语法:event.ctrlKey 取值:true | false 说明: ctrlKey属性为true表示事件发生时Ct

  • javascript中window.event事件用法详解

    前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下: 描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子下面的例子检查鼠标是否在链接上单击,并且,如

  • javascript开发随笔一 preventDefault的必要

    不加的话貌似只在ie6出现过问题.出现过:改变图片地址,结果图片不见了,加载样式,但样式文件没了.就像是中断了资源的下载一样,正确时解释是 IE6下使用A元素来做按钮的时候一定要记得在onclick事件里面调用preventDefault(),IE6会强制关闭当前活动的HTTP连接,导致正在请求的其他资源或脚本加载不正常. 但资源如果已经被缓存了,就没有这个问题了 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> </head>

  • Javascript中的window.event.keyCode使用介绍

    主要就是为了监听键盘按下的是哪个键,并且转成ASCII码; 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

  • JavaScript事件处理器中的event参数使用介绍

    在大部分浏览器中,当一个事件处理器被触发时,名为Event的类实例会作为第一个参数传入处理器中.而一直占据主流地位的ie却以自己专的方式行事,将Event实例保存到一个名为event的全局属性中. 复制代码 代码如下: if (!event) event=window.event; 上面的语句用来检测event参数是否为undefined或者null,如果是的话把window的event属性赋值给它,从而消除了浏览器差异. 为了获取目标元素的引用,在标准兼容的浏览器中使用target属性,在ie

随机推荐