`
deng131
  • 浏览: 678376 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript事件event对象属性

阅读更多
IE和FF获取事件的不同:
var e = window.event || e.target; //event 对象只在事件发生的过程中才有效。

阻止事件默认行为:
IE:window.event.returnValue = true
FF:e.preventDefault()
阻止事件冒泡行为:
IE:window.event.cancelBubble = true
FF:e.stopPropagation()


       属性                说明
clientX/clientY 返回鼠标在窗口客户区域中的x/y坐标。
offsetX/offsetY 返回相对于触发事件的对象,鼠标位置的x/y坐标
screenX/screenY 返回鼠标相对于用户屏幕的x/y坐标
x/y 获取鼠标指针位置相对于父文档的 x/y像素坐标。
在IE中。IE8以下的版本并非是相对文档。它们的值和clientX,clientY的值一样,相对窗口客户区.
srcElement/toElement  fromElement声明mouseover事件中鼠标移出的文档元素,toElement声明mouseout事件中鼠标移入的文档元素
type 返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click
srcElement 返回发生事件的文档元素。
button 返回按下的鼠标键。
0 没按键
1 按左键
2 按右键
4 按中间键
组合
3 按左右键
5 按左键和中间键
6 按右键和中间键
7 按所有的键
cancelBubble 设置是否阻止事件起泡。默认值为false(不阻止)
returnValue 设置是否阻止事件的默认工作
keyCode 获取键盘按键值
对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。
charCode 获取键盘按键值 只用于 keypress事件
shiftKey 检查shift键的状态
ctrlKey 检查ctrl键的状态
altKey 检查alt键的状态
propertyName 返回元素的变化了的属性的名称。
可以通过使用 onpropertychange 事件,得到 propertyName 的值。
如:obj.onpropertychange=function(){alert(window.event.propertyName}
标准Event 属性和方法
clientX/clientY 返回鼠标在窗口客户区域中的x/y坐标。
screenX/screenY 返回鼠标相对于用户屏幕的x/y坐标
pageX/pageY 获取鼠标指针位置相对于父文档的 x/y像素坐标
layerX/layerY 返回相对于触发事件的对象,鼠标位置的x/y坐标
在FireFox中只有触发事件对你的CSS属性 position 值不为 static才能获取到正确的坐标值
button 返回按下的鼠标键。
0 按左键
1按右键
2 按中间键
type 返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click
target 发生事件的节点,可能与currentTarget不同
currentTarget 当前正在运行时间句柄的节点
eventPhase 一个数字,指定当前所处的事件传播过程的阶段。它的值为常量:Event.CAPTURING_PHASE、Event.AT_TARGET、Event.BUBBLING_PHASE
timeStamp 一个Date对象,声明了事件何时发生
bubbles 一个布尔值,声明该事件是否在文档树中起泡
cancelable 一个布尔值,声明该事件是否有默认动作
stopPropagation() 阻止事件传播
preventDefault() 阻止执行默认动作
relatedTarget 引用与事件的目标节点相关的节点。(mouseover--鼠标离开的节点,mouseout--鼠标将进入的节点)
cancelable 一个布尔值,声明该事件是否有默认动作
cancelable 一个布尔值,声明该事件是否有默认动作
shiftKey 检查shift键的状态
ctrlKey 检查ctrl键的状态
altKey 检查alt键的状态
metaKey 返回一个布尔值,指示当事件发生时,"meta" 键是否被按下并保持住。
which 返回keydown何keyup事件发生的时候按键的代码,以及keypress 事件的Unicode字符

2
2
分享到:
评论
1 楼 zhouyrt 2010-09-27  
关于获取事件对象 :[url] http://snandy.iteye.com/blog/651417[/url];
关于事件对象的属性 : https://docs.google.com/View?id=dr9sm67_277d5g7wgdn

相关推荐

    《javascript》——event对象与事件

    《JavaScript》——Event 对象与事件 Event 对象是 JavaScript 中的一个基本概念,它代表了用户与 Web 页面的交互行为,例如点击、鼠标移动、键盘输入等。Event 对象的属性和方法可以帮助开发者更好地处理用户的...

    Javascript中的事件--Event对象

    下面我们将深入探讨`Event`对象的关键属性和方法,以及它们在JavaScript中的应用。 ### 1. `Event`对象的基础属性 - **`type`**:表示事件的类型,例如`click`、`mousemove`等。 - **`target`**:返回事件最初触发...

    javascript Event对象详解

    JavaScript中的Event对象是事件处理的核心部分,它包含了与事件相关的所有信息,如事件类型、触发事件的元素、鼠标和键盘的状态等。以下是对Event对象及其重要属性的详细解释: 1. **altKey**:这个属性用于检查...

    window对象--event对象详解

    常见的Event对象属性有: 1. `type`:事件的类型,如"click", "mouseover"等。 2. `target`:触发事件的元素。 3. `currentTarget`:当前处理事件的元素,可能与`target`不同,尤其是在事件冒泡或捕获阶段。 4. `...

    javascriptEvent对象详解定义.pdf

    Event 对象只在事件发生的过程中才有效,event 对象的某些属性只对特定的事件有意义。 Event 对象的属性包括: 1. altKey 属性:检查 alt 键的状态,返回一个布尔值,TRUE 表示 alt 键按下,FALSE 表示 alt 键没有...

    JavaScript事件对象深入详解

    JavaScript事件对象是JavaScript编程中处理用户交互和...总的来说,理解JavaScript事件对象的属性和方法是创建响应式和交互式网页的关键。熟练掌握事件对象的使用,可以帮助开发者创建更高效、更健壮的JavaScript代码。

    JavaScript 事件对象介绍

    JavaScript事件对象是JavaScript编程中的一个重要概念,它在事件处理中扮演着核心的角色。事件对象主要用于提供事件的上下文信息,允许开发者在事件处理函数中获取事件相关的详细信息,如事件类型、触发事件的元素、...

    Javascript之event大全

    _event 对象是 JavaScript 中的一个重要概念,它代表事件的状态,例如触发 event 对象的元素、鼠标的位置及状态、按下的键等等。event 对象只在事件发生的过程中才有效。event 的某些属性只对特定的事件有意义。例如...

    JavaScript事件对象event用法分析

    本文实例讲述了JavaScript事件对象event用法。分享给大家供大家参考,具体如下: 前面的文章已经介绍了JavaScript为事件指定处理程序的五种方式。 下面继续介绍JavaScript的事件对象event。 事件对象event包含导致...

    event对象总结,更详细更全面

    JavaScript 事件对象总结 事件对象概述 JavaScript 事件对象是指在用户与...事件对象是JavaScript编程中非常重要的一部分,掌握事件对象的使用和属性,可以帮助开发者更好地处理用户交互事件,提高网页的用户体验。

    一些常用的特效包括一些javascript中event对象的使用

    根据给定文件的信息,我们可以总结出以下几个...以上内容主要介绍了JavaScript中Event对象的使用以及如何通过事件来控制和优化用户输入体验。通过这些方法,开发者可以在网页应用中实现更高效、更精确的用户交互功能。

    window.event 对象详解

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

    javascript中event详解

    在JavaScript中,`event`对象是浏览器提供的一个标准对象,用于表示用户与网页交互时发生的各种事件的状态。这些事件包括但不限于用户点击、移动鼠标、按下键盘等操作。`event`对象包含了关于事件的所有相关信息,...

    javaScript对象模型与事件处理借鉴.pdf

    这些事件对象都继承自 Event 对象,Event 对象是 JavaScript 事件处理中的基本对象。 JavaScript 对象模型与事件处理是 JavaScript 编程的两个核心概念。JavaScript 对象模型描述了对象之间的层次关系,而事件处理...

    JAVASCRIPT对象属性大全[参考].pdf

    以上内容仅是JavaScript对象属性的一个概述,实际的JavaScript对象和属性体系更为庞大和复杂,包括了更多如`form`、`window`、`event`、`math`等对象,以及更多的方法和属性,用于实现丰富的交互和功能。理解并熟练...

    js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

    除此之外,文章也对Event对象的基本属性进行了介绍,以下是Event对象属性的具体含义和用法: 1. altKey属性:用于检查事件发生时Alt键的状态。如果Alt键被按下,event.altKey的值为TRUE,否则为FALSE。这是一个只读...

    javascript之Event详解[定义].pdf

    在JavaScript中,Event对象非常重要,它提供了许多有用的属性和方法,帮助我们处理事件和响应用户的操作。但是,需要注意的是,Event对象的某些属性只对特定的事件有意义,因此在使用时需要根据实际情况进行选择。

    JavaScript程序设计——事件处理实验报告.docx

    - **Event对象**:事件处理函数中通常会传递一个Event对象,包含了关于事件的信息,如事件类型、位置等。 - **键盘事件**:如`onkeydown`(键按下)、`onkeyup`(键释放)和`onkeypress`(字符键按下)。 - **...

Global site tag (gtag.js) - Google Analytics