如果无效用这个方法: on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 <div id="zkdiv"> <input type="button" value="展开" id="zk" class="zk"/> <br> </div> $("#zkdiv").on("click",". ...
分类：
移动开发 时间：
2020-02-18 15:05:56
阅读次数：
123
什么是事件委托 对“事件处理程序过多”问题的解决方案就是事件委托。事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。例如，click 事件会一直冒泡到 document 层次。也就是说，我们可以为整个页面指定一个 onclick 事件处理程序，而不必给每个可单击的元素分别 ...
分类：
其他好文 时间：
2020-02-12 14:49:37
阅读次数：
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
DOM事件流： 1、事件冒泡 2、事件捕获 DOM2事件流： 1、事件捕获阶段 2、处于目标阶段 3、事件冒泡阶段 DOM3事件 事件处理程序： 1、HTML事件处理程序： 例一：<input type="button" value="Click Me" onclick="alert('Clicke ...
分类：
编程语言 时间：
2020-01-27 17:32:56
阅读次数：
77
本文介绍JavaScript事件相关的知识点，主要包括事件流、事件处理程序、事件对象(event)以及常见事件类型和事件委托等相关内容。在网页开发涉及的三种基础技术( HTML CSS JavaScript )中，JavaScript主要负责处理页面的行为，而所谓行为大多指的是交互行为。JavaSc... ...
分类：
编程语言 时间：
2020-01-21 23:33:15
阅读次数：
106
基本语法：在form表单中加入onsubmit="带返回值的函数"; 实例代码： <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascrip ...
分类：
Web程序 时间：
2020-01-17 10:05:15
阅读次数：
182
深入理解js Dom事件机制（一）——事件流 事件就是当用户或者浏览器自身执行的某种动作，诸如 click、mouseover等都是事件的名称，那响应个事件的函数就称为事件处理程序（事件处理函数、事件句柄）。 事件处理程序的名字都是以on+事件名称命名，比如 click事件的事件处理程序就是oncl ...
分类：
Web程序 时间：
2020-01-15 10:00:57
阅读次数：
81
DEM0级： var Observer = (function() { /* 声明一个空对象，存储事件和触发事件 */ var obj = {}; return { // 添加事件 事件名，事件处理程序 add: function(name, fn) { // 将事件写入对象 obj[name] = ...
分类：
其他好文 时间：
2020-01-11 22:18:34
阅读次数：
93
