1. JavaScript 中有两种事件流模型,分别是 IE 的“冒泡型事件”和 Netscape 的“捕获型事件”。冒泡型事件触发过程如下图所示:
捕获型事件触发顺序刚好与冒泡型相反。注意,在上图中,冒泡层次到达 window 层,IE 是不支持到 window 层,但是 Mozilla 支持。IE 只支持到 document 层。
2. DOM 支持两种事件流模型,事件触发顺序如下图所示:
注意, IE 对 DOM 事件模型支持不良好。
3. 事件对象
事件对象只有在事件发生时才会创建,并且只有事件处理函数才能访问。所有事件处理函数执行完毕后,事件对象就被销毁。事件对象一般包括以下三方面信息:
引起事件的对象
事件发生时鼠标信息
事件发生时键盘信息
注意,在 IE 中,事件对象是 window 对象的一个属性 event。所以 IE 中事件函数需要用 window.event 的方式来访问事件对象,如 var oEvent = window.event。尽管它是 window 对象的属性,event 对象还是只能在事件发生时访问。所有的事件处理函数执行完毕后,事件对象就被销毁。
DOM 标准则说,event】 对象必须作为唯一的参数传给事件处理函数。所以在 DOM 兼容的浏览器(如 Mozilla、Safari 和 Opera)中访问事件对象的方式是在函数内部通过 arguments[0] 来访问,如 var oEvent = agruments[0];
4. 事件对象在 IE 中的属性和方法
5. DOM 事件对象的属性和方法
6. 事件的类型
DOM 标准把事件分为这几种类型:鼠标事件、键盘事件、HTML 事件、突变事件。HTML 事件是指窗口发生变动或发生特定的客户端-服务器端交互时触发的事件。突变事件是指底层 DOM 结构发生改变时出发的事件。
7. 事件触发的顺序
一次鼠标点击事件的触发顺序为:mousedown、mouseup、click;
一次键盘按键事件的触发顺序为:keydown、keypress、keyup
8. HTML 事件
HTML 事件的分类是由原来从 IE4.0 和 Netscape 4.0 开发人员创建事件模型中遗留下来的很多事件组成。如页面加载 load 时事件、JavaScript 脚本运行出错事件 error、文本框 change、窗口 resize 事件、页面 scroll 事件、focus 事件和 blur 事件等。
分享到:
相关推荐
JavaScript 事件机制详细研究 JavaScript 事件机制是指浏览器中发生的各种事件,例如点击、鼠标悬停、键盘输入等,JavaScript 通过捕捉这些事件来执行相应的操作。本文将详细介绍 JavaScript 事件机制的实现方式和...
事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例...
JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例...
JavaScript事件详解 JavaScript是一种基于浏览器的脚本语言,它的事件机制是实现动态交互的重要部分。在JavaScript中,事件是用户或浏览器对网页进行操作时触发的特定动作,比如点击按钮、鼠标移动等。本文将详细...
接下来,为了使WebView能够执行JavaScript代码并处理JavaScript事件,我们需要启用JavaScript支持。我们可以调用`WebSettings`类的`setJavaScriptEnabled()`方法: ```java WebSettings settings = webView....
JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 ...
JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 ...
实验报告详细介绍了JavaScript事件处理的相关知识,这在Web开发中是非常关键的一部分,因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明: 1. **JavaScript事件基本概念**: - **事件**:是用户...
JavaScript事件查询是Web开发中的重要概念,它涉及到用户与网页交互时的各种响应处理。这篇文档“javascript事件查询综合”很可能是对JavaScript事件处理机制的详细阐述。在Web开发中,JavaScript事件模型允许开发者...
JavaScript事件是JavaScript编程中至关重要的一个概念,它用于响应用户或浏览器的行为,如点击、滚动、键盘输入等。本文将详细解析JavaScript事件的几个关键点:异步回调、事件对象、`this`关键字以及事件冒泡的管理...
JavaScript事件是网页交互的核心,它定义了当特定动作发生时,浏览器如何响应。这些动作可以是用户的操作,如点击、滚动、键盘输入,或者是页面加载、数据改变等。JavaScript事件的处理方式有多种,包括事件处理属性...
JavaScript事件是Web开发中不可或缺的一部分,它允许我们与用户进行交互,响应用户的操作,并以此来更新页面内容。本文将深入探讨JavaScript事件的各个方面,帮助开发者更好地理解和应用这些关键概念。 一、事件...
在前端开发中,编写高性能的JavaScript事件处理代码至关重要。高效的事件处理不仅能够提升用户体验,还能减少不必要的计算和DOM操作,从而加快页面的响应速度。随着Web应用的日益复杂,对JavaScript事件系统的优化...
"WEB页编程技巧──JavaScript事件的应用.pdf" 本文档主要介绍了JavaScript事件在WEB页编程中的应用,包括JavaScript事件的概念、分类、事件处理器的使用、事件驱动编程等方面的知识点。 一、JavaScript事件概述 ...
JAVASCRIPT事件与动态页面编程 本文概述了JAVASCRIPT事件、事件监视器和事件处理器,并通过一个示例程序详细介绍了如何使用JAVASCRIPT事件处理器进行动态页面编程。 JAVASCRIPT事件是指人机交互的结果,如鼠标移动...
标题中的"JavaScript事件学习小结(一)事件流"指的是JavaScript中的事件处理机制,特别是事件流的概念。事件流描述了在DOM(文档对象模型)中事件如何从根节点传播到具体的元素节点。在JavaScript中,事件是用户与...
"扣代码工具 JavaScript事件 捕获者2.0.zip"这个压缩包文件显然聚焦于JavaScript事件处理,特别是事件捕获的概念。事件是用户与网页交互时产生的行为,如点击按钮、滚动页面等,而事件处理则允许开发者对这些行为...
JavaScript事件是Web开发中不可或缺的一部分,它允许用户与网页进行交互并响应用户的操作。这篇博客主要探讨了JavaScript事件的基本概念、事件模型以及如何处理事件。 首先,我们需要理解什么是JavaScript事件。...
标题中的“AJAX中不触发javascript事件”指的是在使用AJAX技术进行页面更新时,可能出现JavaScript事件不按预期触发的情况。这通常是由于AJAX请求更新页面部分时,不会触发表单提交、点击或其他依赖于页面刷新的...