鼠标 / 键盘属性
属性
描述
IE
F
O
W3C
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
6 |
1 |
9 |
Yes |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
6 |
1 |
9 |
Yes |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
6 |
1 |
9 |
Yes |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
6 |
1 |
9 |
Yes |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
6 |
1 |
9 |
Yes |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
No |
1 |
9 |
Yes |
relatedTarget |
返回与事件的目标节点相关的节点。 |
No |
1 |
9 |
Yes |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
6 |
1 |
9 |
Yes |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
6 |
1 |
9 |
Yes |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
6 |
1 |
9 |
Yes |
IE 属性
除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:
属性
描述
cancelBubble |
如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。 |
fromElement |
对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。 |
keyCode |
对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。 |
offsetX,offsetY |
发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。 |
returnValue |
如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。 |
srcElement |
对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。 |
toElement |
对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。 |
x,y |
事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。 |
标准 Event 属性
下面列出了 2 级 DOM 事件标准定义的属性。
检查触发事件的源对象:
function mouseoutHandler(oEvent,objTagName)
{
var oEvent = oEvent ? oEvent : window.event
var oElem = oEvent.toElement ? oEvent.toElement : oEvent.relatedTarget; // 此做法是为了兼容FF浏览器
alert(oElem.id); // 当鼠标移出Div1时,会弹出提示框提示鼠标移动到的另一个元素的ID
}
function onClick(ev)
{
ev = ev || window.event; // 事件
var target = ev.target || ev.srcElement; // 获得事件源
/*
target.getAttribute()是获取该事件源对像里面的一些属性。
比如对像中有(name,id,type等等);
*/
var dragObj = target.getAttribute('type');
alert(dragObj);
}
分享到:
相关推荐
关于javascript event的总结
JavaScript中的Event是处理用户交互或浏览器事件的核心机制。Event对象包含了与事件相关的所有信息,如触发事件的元素、事件类型、按键状态等。在JavaScript中,事件可以是用户的行为,如点击按钮、滚动页面,或者是...
为IE浏览器添加EventSource兼容性支持。为IE浏览器添加EventSource兼容性支持。
`window.event`对象是JavaScript中一个非常重要的概念,特别是在处理DOM事件时。它代表了当前事件的状态和相关信息,包括触发事件的元素、鼠标位置、按键状态等。在事件发生时,`event`对象会作为参数传递给事件处理...
为了深入理解这个Event Bus,你需要查看源代码,尤其是`AjaxEventBus.js`(如果存在),其中应该定义了事件总线的结构和操作。同时,`AjaxEventBus.aspx.cs`(假设存在)会展示C#后端如何响应前端的Ajax请求。通过...
### JavaScript中的Event详解 #### 一、Event概念与特性 在JavaScript中,`event`对象是浏览器提供的一个标准对象,用于表示用户与网页交互时发生的各种事件的状态。这些事件包括但不限于用户点击、移动鼠标、按下...
JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码...
javascript Event(事件模型),针对于javascript事件的处理,具有一些帮助。
《JavaScript》——Event 对象与事件 Event 对象是 JavaScript 中的一个基本概念,它代表了用户与 Web 页面的交互行为,例如点击、鼠标移动、键盘输入等。Event 对象的属性和方法可以帮助开发者更好地处理用户的...
JavaScript 中的 event 对象是前端开发中处理用户交互的核心机制。它代表了一个事件的状态,事件可以是用户的鼠标动作、键盘输入、文档加载完成等。event 对象在事件触发时创建,并且只在事件处理程序执行期间有效。...
### JavaScript Event.keyCode 大全解析 #### 一、概述 在JavaScript中,`event.keyCode`是用于捕获键盘事件中的键码的一种方式。虽然在现代Web开发中更推荐使用`event.key`或`event.code`来获取按键信息,但在...
它是一个JavaScript库,模拟了EventSource接口,使得在不支持原生EventSource的浏览器中也能使用SSE功能。 `event-source-polyfill`的工作原理是,它监听`XMLHttpRequest`或`fetch`的完成事件,然后模拟EventSource...
在JavaScript的世界里,事件处理是Web开发中不可或缺的一部分。当我们谈论`event`对象时,`target`和`currentTarget`是两个非常关键的属性,它们在处理事件流时扮演着重要角色。理解这两个属性的区别对于编写高效且...
### JavaScript Event 事件详解 #### 一、Event 概述 在JavaScript中,`Event`对象扮演着极其重要的角色,它不仅代表着一个事件的状态,还提供了处理这些事件的方法与属性,使得开发者能够轻松地实现与用户的交互...
1. **引入依赖**:首先,确保引入jQuery库和`jquery.event.drag.js`插件文件。 2. **初始化插件**:对需要拖动的元素应用`.eventDrag()`方法,可以设置选项,如: ```javascript $('.draggable-element')....
### event和srcElement详解 #### 一、概述 在Web开发中,事件处理是非常重要的一个环节,它使得页面能够响应用户的交互行为。`event`对象是JavaScript中的一个重要对象,用于捕获用户或浏览器的动作,例如点击按钮...
Visual Event是一个开源Javascript 书签,能提供绑定在DOM元素上的事件调试信息。Visual Event能显示如下信息: 1、哪一个元素有事件绑定 2、某元素上绑定的事件类型 3、事件触发后运行的代码段 4、定义...
Visual Event是一款功能强大的JavaScript事件侦测工具,尤其适用于前端开发者和网页设计师。它是一个插件,可以在多种浏览器上使用,包括但不限于谷歌浏览器,正如描述中所提到的,你也可以在百度或360浏览器上安装...