javascript和jquery的鼠标mouse事件冒泡处理惩罚

来源: 电脑维修教程   阅读:     发表时间:

javascript和jquery的鼠标mouse事件冒泡处理惩罚,本文总结出了mouse事件的一些定论,并别离给出了javascript和jquery测试代码,需要的伴侣可以参考下 简单的鼠标移

javascript和jquery的鼠标mouse事件冒泡处理惩罚,本文总结出了mouse事件的一些定论,并别离给出了javascript和jquery测试代码,需要的伴侣可以参考下

简单的鼠标移动事件:

进入

代码如下:

mouseenter:不冒泡

mouseover: 冒泡

岂论鼠标指针穿过被选元素或其子元素,城市触发 mouseover 事件

只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件

移出

代码如下:

mouseleave: 不冒泡

mouseout:冒泡

岂论鼠标指针分开被选元素还是任何子元素,城市触发 mouseout 事件

只有在鼠标指针分开被选元素时,才会触发 mouseleave 事件

我们通过一个案例调查下问题:

给一个嵌套的层级绑定mouseout事件,会发明mouseout事件与想象的纷歧样

代码如下:

<doctype html>;<div class="out overout" style="width:40%;height:120px; margin:0 15px;background-color:#d6edfc;float:left;" data-mce-style="width: 40%; height: 120px; margin: 0 15px; background-color: #d6edfc; float: left;">;

;外部子元素

;<div class="in overout" style="width:60%;background-color:#ffcc00;margin:10px auto;" data-mce-style="width: 60%; background-color: #ffcc00; margin: 10px auto;">;

;内部子元素

;

;0

;

;0

以上是:解决javascript和jquery的鼠标mouse事件冒泡处理惩罚问题的详细资料教程

?
热门链接: 机顶盒 | 主板维修 | 声卡怎么安装 | 路由器怎么设置 | 电脑内存维修技术 | 维修大全?| 主板维修资料 | 电脑声卡音响故障维修 | 内存 | 显示器 | 电源维修教程 | cpu | 硬盘 | 显卡 |win8操作系统教程|linux操作系统教程|ubuntu操作系统教程|mac苹果操作系统教程|execl教程
友情链接: ?苹果手机维修?| 更多...