`

HTML DOM Event 对象

阅读更多

事件句柄 (Event Handlers)
属性 此事件发生在何时...
onabort 图像的加载被中断。
onerror 在加载文档或图像时发生错误。
onload 一张页面或一幅图像完成加载。
onresize 窗口或框架被重新调整大小。
onsubmit 确认按钮被点击。
onunload 用户退出页面。

鼠标 / 键盘属性
属性 描述
clientX 返回当事件被触发时,鼠标指针的水平坐标。
clientY 返回当事件被触发时,鼠标指针的垂直坐标。
screenX 返回当某个事件被触发时,鼠标指针的水平坐标。
screenY 返回当某个事件被触发时,鼠标指针的垂直坐标。


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 方法
方法 描述
initEvent() 初始化新创建的 Event 对象的属性。
preventDefault() 通知浏览器不要执行与事件关联的默认动作。
stopPropagation() 终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。

分享到:
评论

相关推荐

    window对象--event对象详解

    Event对象则是JavaScript事件处理中的核心,它包含了与特定事件相关的所有信息,如事件类型、事件目标等。 在深入讲解Window对象和Event对象之前,我们先了解一些基础概念。JavaScript是一种基于原型的动态类型语言...

    HTML DOM基础教程(网页形式)

    DOM 对象 DOM Window DOM Navigator DOM Screen DOM History DOM Location DOM Document DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Event DOM Form DOM Frame DOM Frameset DOM IFrame ...

    js中DOM文档对象学习代码

    DOM文档对象是这个标准的核心,允许我们通过编程方式访问和修改页面元素。下面将详细介绍DOM文档对象以及如何在JavaScript中使用它。 首先,DOM是一个树形结构,每个HTML或XML文档都被解析为一个节点层级。根节点是...

    DOM文档对象中文手册

    - **事件处理(Event Handling)** - DOM事件允许开发者响应用户的操作,如点击、滚动、输入等,实现交互逻辑。 **DOM文档对象中文手册** - 这份手册详细介绍了DOM的各种概念、方法和实践案例,是学习和理解DOM的...

    event事件的使用及说明

    HTML DOM Event对象是JavaScript处理事件的核心,它代表了事件的状态,包括事件发生的元素、键盘和鼠标的状态等。 ### 1. **Event对象** Event对象包含了关于事件的所有信息,例如: - **target**:表示事件发生的...

    html的DOM中Event对象onblur事件用法实例

    HTML DOM中的Event对象是用于处理页面中各种交互事件的核心组件,它提供了丰富的接口来响应用户的操作,如点击、鼠标移动等。在众多事件中,`onblur`事件是一个非常实用的事件,它会在一个元素失去焦点时触发。这...

    第6章 HTML DOM对象编程

    第6章 HTML DOM对象编程 6.1 HTML文档对象模型 6.2 浏览器的主要对象 6.2.1 Window对象 6.2.2 Navigator对象 6.2.3 Location 对象 6.2.4 History对象 6.2.5 Event 对象 6.2.6 Document对象 6.3 基于DOM的HTML元素...

    html dom 底层 javascript

    DOMEvent接口定义了事件处理机制,包括事件类型、事件属性和事件传播模型。这使得开发者可以创建事件监听器,响应用户的输入和页面的状态变化。 #### DOM 样式引用 DOMStyle接口和相关的对象如`...

    html的DOM中Event对象onabort事件用法实例

    在DOM中,Event对象是一个核心概念,它提供了处理各种浏览器事件的方法和属性。`onabort`事件是Event对象的一个特定事件类型,主要用于处理图像加载中断的情况。 `onabort`事件在以下情况会被触发: 1. 当用户在...

    DOM文档对象中文手册(chm).rar

    - **事件对象**: 每个事件都有一个事件对象,包含事件相关信息,如`event.target`表示触发事件的元素。 4. **CSS选择器API** - `querySelector()`返回匹配第一个CSS选择器的元素。 - `querySelectorAll()`返回...

    html—dom教程

    - **DOMEvent对象**:提供事件处理机制。 - **DOMForm对象**:提供表单操作功能。 - **DOMImage对象**:提供图像操作功能。 - **DOMTable对象**:提供表格操作功能。 #### 七、总结 - **应用场景**:DOM是前端...

    Event 对象的使用方法

    在2级DOM事件标准中,Event对象增加了更多属性,如`bubbles`、`cancelable`、`currentTarget`、`eventPhase`、`target`、`timeStamp`和`type`,这些属性提供了事件传播、取消、目标和时间戳等信息。 总的来说,...

    html_dom_api.rar

    HTML DOM 对象 10 ********************************************* 10 1、Document 对象 10 1.1、集合 11 1.2、属性 11 1.3、方法 11 1.4、描述 12 2、Body 对象 12 2.1、属性 12 3、Frame 对象 13 3.1、属性 13 3.2...

    VBSCRIPT文档对象模型

    5. **Event对象**:用于处理用户与页面的交互,如点击、滚动等。VBScript可以使用`addEventListener`方法来绑定事件处理函数。 在VBScript中,我们可以使用如下方式操作DOM: ```vb ' 创建一个新的XMLHttpRequest...

    js HTML DOM EventListener功能与用法实例分析

    本文主要讲述了JavaScript中的HTML DOM EventListener功能与用法,通过实例分析深入探讨了事件监听的相关概念、用法、注意事项以及事件冒泡和捕获的过程。EventListener是JavaScript中用于处理事件的关键接口,它...

Global site tag (gtag.js) - Google Analytics