Event Handler React事件 React中的事件包括合成事件和原生事件，React底层对合成事件进行事件委派和手动绑定，原生事件的使用在高程3有具体讲解，难点在于跨浏览器兼容和DOM0/DOM2级事件处理程序的使用方法不同，这可以通过编写工具函数屏蔽浏览器差异，关于原生事件的描述在《E ...
分类：
其他好文 时间：
2020-03-22 16:06:12
阅读次数：
78
为了以?跨浏览器方式处理事件，我们可以使用一些可以隔离浏览器差异的js库。由于业务需求，有时候我们需要写一些我们自己封装一些兼容代码。 比如创建一个addHandler(),它的职责是视情况分别使用DOM0级方法，DOM2级方法或IE方法来添加事件。然后addHandler()方法接受三个参数：要操 ...
分类：
其他好文 时间：
2020-03-22 13:57:36
阅读次数：
60
DOM Document Object Model 文档对象模型 操作HTML的节点（HTML标签） DOM发展史 DOM0 DOM1 1998年 w3c推荐版本 DOM2 2000年 (主讲) DOM3 2004年（主讲） DOM4 2015年 1. 节点Node ? NodeName节点名字 N ...
分类：
其他好文 时间：
2020-02-20 15:05:53
阅读次数：
130
1、DOM事件的级别： dom0: element.onclick = function(){} dom2: element.addEventListener('click',function(){},false ) dom3: element.addEventListener('keyup',fu ...
分类：
其他好文 时间：
2020-02-12 16:29:27
阅读次数：
72
总结： 1.IE浏览器中有三种事件处理程序：HTML事件处理程序，DOM0级事件处理程序，IE事件处理程序。 2.IE浏览器中的HTML事件处理程序调用事件对象：直接调用event变量： onclick=“alert(event.type);” 3.IE浏览器中的DOM0级事件处理程序通过调用win ...
分类：
其他好文 时间：
2020-02-02 15:31:47
阅读次数：
63
触发DOM上的交互事件会生成一个event对象，用以保存事件的信息。比如鼠标交互的事件会保存鼠标的位置，键盘交互的事件会保存键的值。 1.DOM0级和DOM2级事件处理程序在进行事件处理时都会有一个event对象传入。例如event.type会保存事件类型名称。 2.HTML事件处理程序中的变量ev ...
分类：
其他好文 时间：
2020-02-02 01:05:33
阅读次数：
67
总结： 1.HTML事件处理程序不允许使用未转义字符，event变量访问事件对象，this指向目标元素本身，建议使用try/catch语句避免浏览器报错，但并不推荐使用HTML事件处理程序。 2.DOM0级事件处理程序中this指向目标元素本身，赋值null删除事件处理程序。 3.DOM2级事件处理 ...
分类：
其他好文 时间：
2020-02-01 10:56:14
阅读次数：
56
DEM0级： var Observer = (function() { /* 声明一个空对象，存储事件和触发事件 */ var obj = {}; return { // 添加事件 事件名，事件处理程序 add: function(name, fn) { // 将事件写入对象 obj[name] = ...
分类：
其他好文 时间：
2020-01-11 22:18:34
阅读次数：
93
JS事件绑定模型 （一）DOM0事件模型 绑定注意事项： ①使用window.onload加载完成后进行绑定。 window.onload =function(){//事件} ②放在body后面进行绑定。 //body内容 <body> <button onclick="func()">内联模型绑定 ...
分类：
Web程序 时间：
2020-01-01 23:34:07
阅读次数：
112
DOM需知晓的几个点： 1.DOM事件的基本概念：DOM事件的级别 2.DOM事件模型：指的就是捕获和冒泡 3.DOM事件流 4.DOM事件捕获的具体流程 5.Event对象的常见应用 1.事件级别： DOM标准定义的级别： DOM0： DOM0 跟事件相关的一个标准就是： js写法： elemen ...
分类：
其他好文 时间：
2019-12-24 23:26:31
阅读次数：
125
