`

window.event 对象详细介绍

    博客分类:
  • js
阅读更多

1、event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的     过程中才有效。event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对            onmouseover 和 onmouseout 事件有意义。
2、属性:
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y
3、属性详细说明:
属性名 描述 值 说明
altKey 检查alt键的状态 当alt键按下时,值为True否则为False 只读
shiftKey 检查shift键的状态 当shift键按下时,值为True否则为False 只读
ctrlKey 检查ctrl键的状态 当ctrl键按下时,值为True否则为False 只读
例:(点击按钮时显示那几个特殊键按下的状态)
<input type="button" value="点击" onClick="showState()"/>
<script>
function show(){
alert("altKey:"+window.event.altKey
  +"\nshiftKey:"+window.event.shiftKey
  +"\nctrlKey:"+window.event.ctrlKey);
}</script>
keyCode 检测键盘事件相对应的内码 可读写,可以是任何一个Unicode键盘内码。如果没有引发键盘事件,则该值为0
例:(按回车键让下一组件得到焦点,相当按Tab键)
<input type="text" onKeyDown="nextBlur()"/>
<input type="text"/>
<script>
function nextBlur(){
if(window.event.keyCode==13)//回车键的 code
  window.event.keyCode=9;//Tab键的code
}
</script>
srcElement 返回触发事件的元素 Object 只读
例:(点击按钮时显示按钮的name值)
<input type="button" value="闽" name="福建" onClick="show()"/>
<input type="button" value="赣" name="江西" onClick="show()"/>
<script>
function show(){
alert(window.event.srcElement.name);
}
</script>
x,y 鼠标相对于当前浏览器的位置 px 只读
clientX,clientY 鼠标当前相对于网页的位置 px 只读
offsetX,offsetY 鼠标当前相对于网页中的某一区域的位置 px 只读
screenX,screenY 相对于用户显示器的位置 px 只读
说明:当你点击一个按钮时得到(x,clientX,offsetX,screenX)很容易明白offsetX;当你把IE窗口还原后得到(x,clientX,screenX),你就会明白screenX;当你把div的属性position在absolute和relative之间切换时,你就会明白x和clientX的区别。
returnValue 设置或检查从事件中返回的值 true 事件中的值被返回
false 源对象上事件的默认操作被取消 可读写
例如:屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键
function KeyDown(){
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //屏蔽 Alt+ 方向键 ←
       (window.event.keyCode==39))){  //屏蔽 Alt+ 方向键 →
     event.returnValue=false;//防止使用ALT+方向键前进或后退网页
  }
  if ((event.keyCode==8) ||      //屏蔽退格删除键
      (event.keyCode==116)||   //屏蔽 F5 刷新键
      (event.keyCode==112)||   //屏蔽 F1 刷新键 bitsCN.com中国网管联盟
      (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
     event.keyCode=0;
     event.returnValue=false;
  }
  if ((event.ctrlKey)&&(event.keyCode==78))   //屏蔽Ctrl+N
     event.returnValue=false;
  if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽Shift+F10
     event.returnValue=false;
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
      window.event.returnValue = false;  //屏蔽 shift 加鼠标左键新开一网页
  if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogHeight:1px");
      return false;}
}
button 检查按下的鼠标键 0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键 仅用于onmousedown,onmouseup和onmousemove事件。对其他事件,不管鼠标状态如何,都返回0(比如onclick)
srcElement 检测onmouseover和onmouseout事件发生时,鼠标所离开的元素 Object 只读
toElement 检测onmouseover和onmouseout事件发生时,鼠标所进入的元素 Object 只读
type 返回事件名 返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click

 

分享到:
评论

相关推荐

    window.event 对象详解

    在JavaScript编程语言中,`window.event`对象是一个特殊对象,它与浏览器的事件处理机制紧密相关。这个对象在大部分浏览器环境中(尤其是老版本的IE)是全局可用的,提供了当前事件的相关信息。本文将深入探讨`...

    [JS]详尽解析window.event对象

    `window.event`对象是JavaScript中一个非常重要的概念,特别是在处理DOM事件时。它代表了当前事件的状态和相关信息,包括触发事件的元素、鼠标位置、按键状态等。在事件发生时,`event`对象会作为参数传递给事件处理...

    高手window.event对象详解

    ### 高手window.event对象详解 #### 一、概述 `window.event` 是一个非常重要的JavaScript内置对象,它主要用于处理浏览器中的各种事件。这个对象包含了有关事件的各种信息,例如触发事件的对象、事件类型以及与该...

    window.event.keycode值大全

    通过本文的介绍,我们不仅了解了JavaScript中`window.event.keycode`的含义,还学习了一组完整的`keycode`值及其对应按键。这对于编写与键盘相关的交互式应用程序至关重要。希望本文能够帮助读者在实际项目中更加...

    火狐下window.event回车改Tab解决方案

    - **window.event**:用于获取当前触发的事件对象。 - **keyCode**:事件对象中的一个属性,用于表示按下的键对应的键码值。 - **srcElement/target**:事件对象中的两个属性,分别用于获取触发事件的元素(在不同...

    javascript中window.event事件用法详解

    每个事件属性都有其特定的用途,下面详细介绍几个常用的window.event属性: 1. altKey属性 altKey属性用于检查在事件触发时Alt键是否被按下。它返回一个布尔值,如果Alt键被按下,则返回true;否则返回false。这是...

    js window.event对象详尽解析

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

    替代window.event.srcElement效果的可兼容性的函数

    在JavaScript编程中,特别是在处理事件时,`window.event` 是一个内置对象,它提供了与当前事件相关的各种信息,如事件的目标元素(`event.srcElement` 在IE中,`event.target` 在非IE浏览器中)。然而,`window....

    window.event.srcElement 得到事件源对象

    event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定[removed] = myfunc;这时所有页面点击的事件都交给myfunc处理,在myfunc函数里可以写vSrc = window.event.srcElement,知道

    window.event快达到全浏览器支持了,以后使用就方便了

    然而,在早期的非IE浏览器中,如Firefox、Chrome、Safari和Opera,并不直接支持`window.event`,它们通常会将事件对象作为事件处理函数的第一个参数传递,如`function(event)`中的`event`。 标题和描述中提到的情况...

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

    在现代网页开发中,JavaScript 是一种在浏览器端广泛使用的脚本...在实践中,理解并熟悉window.event.keyCode以及其他相关的事件对象属性(如event.key、event.code等)将帮助开发者更好地控制和响应用户的键盘操作。

    window.event.keyCode兼容IE和Firefox实现js代码

    input type=”text” onkeydown=”keyNumAll... evt : ((window.event) ? window.event : “”); var key = evt.keyCode?evt.keyCode:evt.which;//兼容IE和Firefox获得keyBoardEvent对象的键值 console.info(key);/

    js弹窗并返回值(window.open方式)

    通常,我们不能直接从`window.open`的返回值获取用户在新窗口中的操作,因为返回的是一个`Window`对象,而不是用户的输入。但我们可以采用以下策略来实现: 1. 使用`window.open`打开的新窗口中设置一个`window....

    js事件源window.event.srcElement兼容性写法(详解)

    // 如果是IE浏览器,则返回window.event对象 } var func = getEvent.caller; while (func != null) { var arg0 = func.arguments[0]; if (arg0) { if ((arg0.constructor == Event || arg0.constructor == ...

    window对象--event对象详解

    当事件发生时,浏览器会创建一个Event对象,该对象包含了事件的所有详细信息。常见的Event对象属性有: 1. `type`:事件的类型,如"click", "mouseover"等。 2. `target`:触发事件的元素。 3. `currentTarget`:...

    网页右键ie不支持event.preventDefault和event.returnValue (需要加window)

    因此,在非IE浏览器中,我们通常通过参数`event`来访问事件对象,而在IE中则需要直接使用`window.event`。 总的来说,对于需要跨浏览器兼容的项目,我们需要考虑到不同浏览器对事件处理机制的支持差异。在处理右键...

Global site tag (gtag.js) - Google Analytics