[转摘CSDN_cnkiminzhuhu(ID)]详尽解析window.event对象及用法实例

最新推荐文章于 2020-12-21 11:39:19 发布

weixin_34226182

最新推荐文章于 2020-12-21 11:39:19 发布

阅读量67

点赞数

原文链接：http://www.cnblogs.com/mishy/archive/2009/05/16/1458155.html

版权

event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
event对象只在事件发生的过程中才有效。
event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。

例子一、

下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。

 <HTML>

<HEAD><TITLE>Cancels Links</TITLE>

<SCRIPT LANGUAGE="JScript">

function cancelLink() {

if (window.event.srcElement.tagName == "A" && window.event.shiftKey) 

window.event.returnValue = false;

}

</SCRIPT>

<BODY οnclick="cancelLink()">

属性

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 LANGUAGE="JScript">

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="/sample.gif">

12.returnValue

描述：设置或检查从事件中返回的值 


语法：event.returnValue[ = Boolean]


可能的值： true 事件中的值被返回 false 源对象上事件的默认操作被取消

详情见例子一、
16.srcElement

描述：返回触发事件的元素。只读。例子见本文开头。

语法：event.srcElement

转载于:https://www.cnblogs.com/mishy/archive/2009/05/16/1458155.html

weixin_34226182

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[转摘CSDN_cnkiminzhuhu(ID)]详尽解析window.event对象及用法实例

event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子一、下面的例子检查鼠标是否在链接上单击，并且，如果shift...
复制链接

扫一扫