1.事件流事件流是描述页面接收事件的顺序先有三种；事件冒泡、事件捕获、dom2级事件流事件冒泡,事件捕获，dom2级事件流，2、浏览器实现情况3、事件和事件处理程序的概念事件，事件处理程序，4、添加事件处理程序的几种方法1）html事件处理程序2）dom0级事件处理程序3）don2级事件处理程序4）...
分类：
编程语言 时间：
2015-08-17 17:11:53
阅读次数：
157
需要了解事件的什么？对于事件来讲，首先，我们需要了解这样几个概念：事件；事件处理程序；事件类型；事件流；事件冒泡；事件捕获；事件对象；事件方面的性能优化（事件委托、移除事件处理程序）；常见的浏览器兼容问题。事件的概念事件：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理...
分类：
Web程序 时间：
2015-08-16 22:35:38
阅读次数：
3660
1. 事件流 事件流描述的是从页面中接收事件的顺序。整个事件流的顺序可以理解为从window顶层最上端开始到DOM树下指定元素，然后又返回到window Netscape事件流是事件捕获流，IE事件流是事件冒泡流（IE8及更早版本只支持事件冒泡） 2. 事件处理程序—绑定与解除 绑定 解除 DOM0...
分类：
编程语言 时间：
2015-08-12 23:30:24
阅读次数：
184
$(function() { $('.hb_table').live('click', function(e) { e.stopPropagation(); $(this).children('p').hide(); $(this).children('.aa').sh...
分类：
其他好文 时间：
2015-08-11 18:37:27
阅读次数：
105
上周遇到两个坑。
一是jQuery的on方法 事件冒泡，在iOS中有问题。
二是绝对定位的元素中，如果有输入框，input或者textarea，获取焦点，自动弹出输入法之后，绝对定位的元素会在屏幕最上方到输入法最上边框的中间位置。
$("body").on("click",".contentup",Reply.replyOneHandler);
上面这句，在iOS中没有反应。百度和Google了下，没有太权威的解释。只是大概说，iOS的冒泡，如果一直没有handler来处理事件，则...
分类：
移动开发 时间：
2015-08-10 12:06:52
阅读次数：
144
事件细节———————————————————————ev直接使用，不需要兼容操作ev.pageX(Y) 鼠标的坐标(相对于文档) : ev.clientX(相对于窗口)ev.which(能监控鼠标键值) : ev.keyCodeev.preventDefault(); //阻止默认事件ev.stopPropagation(); //阻止冒泡事件函数结尾return false;既能阻止冒泡又能阻止...
分类：
Web程序 时间：
2015-08-09 18:55:25
阅读次数：
159
1.事件目标现在，事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首...
分类：
Web程序 时间：
2015-07-28 12:22:06
阅读次数：
172
事件模型 事件冒泡：事件源从里边元素逐级传到外层元素 （一般使用事件冒泡） 事件捕获：从根元素传到目标元素 addEventListener("click",functionName,false); // false 冒泡执行，true捕获执行事件处理程序 传统方式 点我 // 这种方式脚本和htm...
分类：
其他好文 时间：
2015-07-27 14:51:15
阅读次数：
160
在前端开发过程中我们经常会遇到给页面元素添加事件的问题，添加事件的js方法也很多，有直接加到页面结构上的，有使用一些js事件监听的方法，由于各个浏览器对事件冒泡事件监听的机制不同，le浏览器只有事件冒泡，没有事件监听的机制，对于事件监听的兼容性问题是最大的难题：1.直接把事件的方法写在页面结构上fu...
分类：
Web程序 时间：
2015-07-27 01:46:39
阅读次数：
133
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。下面是html代码部分： 外层div元素 内层span元素 外层div元素对应的jQuery代码如下：当点击span时，会触发div与body的点击事件。点击div时会触发body的点击事件。如何防止这种冒泡事件发生呢？...
分类：
Web程序 时间：
2015-07-24 12:27:39
阅读次数：
146
