4.事件类型
DOM2规定了5种事件
UI事件：在用户与页面上的元素交互时触发
鼠标事件：当用户通过鼠标在页面上执行操作时触发
键盘事件：当用户通过键盘在页面上执行操作时触发
HTML事件：当浏览器窗口发生变化或特定的C/S交互时触发
变动：当底层DOM结构发生时触发
鼠标事件
触发顺序： mousedown->mouseup->click->mousedown->mouseup->click->dblclick
mouseout：移除一个元素时触发
mouseover：首次一入到一个元素时触发
mousemove ：在元素内部移动时触发
客户区坐标位置 clientX clientY
屏幕坐标位置 screenX screenY
修改键：shiftKey ctrlKey altKey metaKey
相关元素：relatedTarget IE提供fromElement和toElement
键盘事件
keydown->keyup-> keypress
1.键码
keyCode属性的值与ASCII码中对应小写字母或数字的编码相同。
2.字符编码
charCode只有在发生keypress事件时才包含值
3.textInput事件
在可编辑区输入字符时，触发事件。他的event对象包含一个data属性。
HTML事件
load，unload，abort，error，select···
变动事件
DOMSubtreeModified，DOMNodeRemoved，···
分享到：
相关推荐
JavaScript事件学习小结(五）js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结（一）事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结（四）event的公共成员...
标题中的"JavaScript事件学习小结（一）事件流"指的是JavaScript中的事件处理机制，特别是事件流的概念。事件流描述了在DOM（文档对象模型）中事件如何从根节点传播到具体的元素节点。在JavaScript中，事件是用户与...
将上传的图片添加防伪图片水印，并将图片直接写入数据库，不...js遇到的问题--转义字符。。FileUpload控件上传资源，需要在本地选择资源时为一个文本框赋值，js判断上传图片格式。。只能输入数字与英文，指定位数小数
JavaScript 键盘事件是网页开发中非常重要的一个部分，它允许开发者监听用户的键盘输入并做出相应的响应。在本文中，我们将深入探讨JavaScript键盘事件的测试总结，主要关注各种浏览器（如IE、Firefox、Safari和...
标题所指的知识点是主流JavaScript框架对DOMReady事件的处理方式。DOMReady事件指的是在DOM树构建完成之后立即触发，而不需要等待图片、脚本、样式表等其他资源加载完毕。这一点对于提高用户体验尤为重要，因为在...
JavaScript初学小结 在IT领域，JavaScript是一种广泛使用的编程语言，主要用于网页和网络应用的开发。这篇小结将深入探讨JavaScript的基础知识，包括语法、数据类型、控制结构、函数、对象以及它在实际开发中的应用...
JavaScript（简称JS）是一种广泛用于网页和网络应用的编程语言，尤其在客户端脚本中扮演着重要角色。本文主要探讨了三种不同的JS方法来获取文件大小，这些方法主要适用于浏览器环境，尤其是Internet Explorer。 ...
JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言，以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中，数据类型包括字符串（string）、数值型（number）、布尔型...
概述： 事件对于控件来说至关重要，控件的消息通信机制使用事件的成本最低，但是对于JS控件来说有一些麻烦需要解决，JS类本身不支持事件，DOM模型支持的事件仅适应于浏览器的DOM节点。所以创建一套事件是我们写控件...
在这个`javascript div小结`中，我们将深入探讨JavaScript如何与`div`元素交互，包括选择、操作、动态创建以及CSS样式修改等关键知识点。 首先，我们可以通过JavaScript的DOM（Document Object Model）接口来获取和...
一般事件 事件 浏览器支持 描述 onClick HTML: 2|3|3.2|4Browser: IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick HTML: 2|3|3.2|4Browser:IE4|N4|O 鼠标双击事件 onMouseDown ...
### JavaScript作用小结 #### 一、创建脚本块 在HTML文档中嵌入JavaScript时，最常用的方式是使用`<script>`标签。这可以使开发者能够编写并包含一段JavaScript代码。 1. **基本语法** ```html ...
在JavaScript事件学习小结(二)中，主要探讨的是如何处理这些事件，即事件处理程序。事件处理程序是当特定事件发生时执行的函数，如用户点击按钮或页面加载完成。以下是关于JavaScript事件处理程序的详细解释： 1. *...
2. **事件处理**：JS可以监听并响应用户的各种交互，如点击（`click`）、鼠标移动（`mousemove`）、键盘操作（`keydown`）等。通过`addEventListener`或`attachEvent`来绑定事件，用`removeEventListener`或`...
### JavaScript 下关于 `onmouseout` 与事件冒泡的问题经验小结 #### 一、引言 在前端开发过程中，事件处理是不可或缺的一部分。其中，`onmouseout` 事件和事件冒泡机制尤为关键，它们涉及到用户交互以及页面元素...
1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生...
标题中的“Pure JS (7)：小结”表明这是一篇关于JavaScript编程的系列教程的第七部分，重点在于总结前面几部分所讲解的核心概念和技巧。JavaScript，也称为JS，是一种广泛用于网页和网络应用的脚本语言，尤其在前端...
如果JavaScript文件存储为`.js`扩展名的外部文件，我们可以在`<head>`标签内使用`文件名"></script>`引入，这样可以提高页面加载速度，因为脚本的下载和执行可以与页面渲染并行。 `Window`对象是JavaScript中的顶级...