YuTong_的博客

模拟事件一、模拟事件（模拟一个事件的触发）二、DOM中的事件模拟1、模拟鼠标事件2、模拟键盘事件（ 已废弃）3、模拟其他事件4、自定义 DOM 事件三、IE中的事件模拟一、模拟事件（模拟一个事件的触发）事件，就是网页中某个特别值得关注的瞬间。事件经常由用户操作或通过其他浏览器功能来触发。 但很少有人知道，也可以使用 JavaScript 在任意时刻来触发特定的事件，而此时的事件就如同浏览器创...

内存和性能一、添加大量的处理程序带来的问题二、事件委托（方案一）三、移除事件处理程序（方案二）一、添加大量的处理程序带来的问题由于事件处理程序可以为现代 Web 应用程序提供交互能力，因此许多开发人员会不分青红皂白地向页面中添加大量的处理程序。在创建 GUI 的语言(如 C#)中，为 GUI 中的每个按钮添加一个 onclick 事件处理程序是司空见惯的事，而且这样做也不会导致什么问题。可...

HTML5 事件一、contextmenu 事件二、beforeunload事件DOM 规范没有涵盖所有浏览器支持的所有事件。很多浏览器出于不同的目的——满足用户需求或 解决特殊问题，还实现了一些自定义的事件。HTML5 详尽列出了浏览器应该支持的所有事件。本节只讨论其中得到浏览器完善支持的事件，但并非全部事件。(其他事件会在本书其他章节讨论。)一、contextmenu 事件cont...

13.4 事件类型（键盘与文本事件）一、键盘事件二、文本事件三、键码1、keyCode 属性三、字符编码1、 charCode 属性四、DOM3 级变化1、新增key、keyIdentifier 或 char属性（跨浏览器开发时不推荐使用）2、添加了location 的属性（不推荐使用）3、getModifierState()方法（不推荐使用）六、设备中的键盘事件七、复合事件（用处不大）八、变动事...

13.4 事件类型（鼠标与滚轮事件）一、鼠标事件类型二、客户区坐标位置1、 事件对象的 clientX 和 clientY 属性三、页面坐标位置1、 pageX 和 pageY 属性四、屏幕坐标位置1、 screenX 和 screenY 属性五、修改键六、相关元素（针对mouseover 和 mouserout 事件）1、relatedTarget 属性、fromElement 属性、toEle...

13.4 事件类型 （UI、焦点事件）一、事件的类型二、UI事件1、现有的UI事件2、load事件3、unload事件4、resize 事件5、scroll事件三、焦点事件一、事件的类型如前所述，不同的事件类型具有不同的信息，而**“DOM3 级事件”规定了**以下几类事件。除了这几类事件之外，HTML5 也定义了一组事件，而有些浏览器还会在 DOM 和 BOM 中实现其他专有事件。这些...

13.3 事件对象一、初识事件对象 event二、DOM中的事件对象三、IE中的事件对象四、跨浏览器的事件对象一、初识事件对象 event在触发 DOM 上的某个事件时，会产生一个事件对象 event【触发时才会产生】，这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。例如，鼠标操作导致的事件对象中，会包含鼠标位置的信息，而键盘操作导致的事件...

13.2事件处理程序一、什么是事件处理程序？二、HTML事件处理程序（高耦合，许多开发人员摒弃这种做法）三、DOM0 级事件处理程序四、DOM2 级事件处理程序五、IE事件处理程序六、跨浏览器的事件处理程序一、什么是事件处理程序？响应某个事件的函数就叫做事件处理程序(或事件侦听器)。【即监听这个事件的函数。】事件处理程序的名字：以"on"开头，因此 click 事件的事件处理程序就是 on...

13.1事件流一、事件流1、事件流概念的引出2、事件冒泡3、事件捕获4、DOM事件流事件，就是文档或浏览器窗口中发生的一些 特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件，以便事件发生时执行相应的代码。一、事件流1、事件流概念的引出什么是事件？事件，就是文档或浏览器窗口中发生的一些 特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件，以便事件发生时执行相应的代码。两家...