本文主要解决两个问题：
什么是事件流
DOM事件流的三个阶段
起因
温故了一下我的《JavaScript高级程序设计》的时候，翻到DOM事件那一章，（说实话，现在无论是什么框架你都离不开操作DOM啊，毕竟这是你展示的最基本元素，就像人的细胞）。想起了dom事件流原理，好多人不明白，只知道click mouseout等实用场景，真要理解和更进一步的前端是要...
分类：
其他好文 时间：
2016-04-12 17:38:06
阅读次数：
171
使用JQuery中hover()方法，使其根据鼠标的移动简单的改变背景颜色; hover();用于模拟鼠标指针悬停事件，当鼠标指针移动到元素上时，会触发指定的第一个函数，当鼠标指针移除这个元素时，会触发第二个函数；类似于mouseover和mouseout组合具体的代码如下： html代码： ...
分类：
Web程序 时间：
2016-04-05 23:01:12
阅读次数：
252
鼠标事件：click,dblclick,mousedown,mouseout,mouseover,mouseup,mousemove键盘事件：keydown，keypress，keyupclientX设置或获取鼠标指针位置相对于窗口的客户区的x坐标，窗口装饰和滚动条除外。clientY设置或获取鼠标 ...
分类：
其他好文 时间：
2016-03-27 22:31:01
阅读次数：
182
对于 ff的 relatedTarget 及IE的toElement fromElement DOM通过event对象的relatedTarget属性提供了相关元素的信息。这个属性只对于mouseover和mouseout事件才包含值；对 于其他事件，这个属性的值是null。IE不支持realted
分类：
Web程序 时间：
2016-03-07 22:12:08
阅读次数：
198
在前端开发中经常会碰到当鼠标放到一个元素上时会弹出你一个元素，鼠标离开那个弹出元素后隐藏。这类效果一般要用到一些鼠标事件，一类是mouseout和mouseover，另一类是mouseenter和mouseleave。 其中mouseout和mouseover是会冒泡的，可能会出现不想要的结果；而m
分类：
其他好文 时间：
2016-03-05 13:04:39
阅读次数：
124
前几天帮朋友做了一个单页面，其中有个效果就是鼠标移动到头像上变换头像样式，当鼠标移出时恢复头像样式。当时没多想，脑子就蹦出了mouseover,mouseout两个方法。 但是在编写页面的过程中，无论我怎么调试只有mouseover方法可以，mouseout方法失效。 于是就google,百度寻找解
分类：
其他好文 时间：
2016-02-16 18:30:37
阅读次数：
437
不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。 测试代码如下： <html><head><script type="text/javascript" src="/jquery/jquery.js"></s
分类：
其他好文 时间：
2016-02-04 13:20:38
阅读次数：
249
今天了解了一下jQuery中的事件event，使用jQuery好处就是不用去考虑那么多的兼容。 鼠标事件：click dblclick mousedown mouseup mouseenter mouseleave mouseover mouseout 鼠标事件最常用的就是上述几个了。关于c...
分类：
Web程序 时间：
2016-01-26 23:28:50
阅读次数：
256
$('.box1').mouseenter(function(){//穿入事件mouseenter $(this).css('background','red'); }).mouseleave(function(){ $(this).css('background','green'); })再...
分类：
其他好文 时间：
2016-01-20 20:45:44
阅读次数：
133
如何防止鼠标移出移入子元素触发mouseout和mouseover事件:关于mouseout和mouseover事件这里就不多介绍了，具体可以参阅javascript的mouseout和mouseover事件详解一章节。这两个事件有一个共同特点，那就是当鼠标移入或者移出子元素的时候都会触发对应的事件...
分类：
其他好文 时间：
2016-01-20 17:06:02
阅读次数：
173
