数码资讯
JS气泡事件的快速求解
什么是泡沫事件 当建立多个div的嵌套时,即建立父子关系。当父div和子div加入onclick事件联系在一起,当亚div的onclick事件被触发时,子div执行js操作。但父div的onclick事件也将被触发,这引起事件的多个并发,造成页面的混乱。这是泡沫事件。 消除气泡事件的方法 防止Jav
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
什么是泡沫事件
当建立多个div的嵌套时,即建立父子关系。当父div和子div加入onclick事件联系在一起,当亚div的onclick事件被触发时,子div执行js操作。但父div的onclick事件也将被触发,这引起事件的多个并发,造成页面的混乱。这是泡沫事件。
消除气泡事件的方法
防止Javascript事件冒泡(cancelbubble,里面)
下面的部分代码可以很好的解释气泡效果,这是消除气泡的效果。
复制代码代码如下所示:
防止Javascript事件冒泡(cancelbubble,里面)
函数doSomething(obj,EVT){
警报(obj。ID);
var =极值理论(EVT):window.event; / /判断浏览器的类型,IE内核的浏览器使用基于cancelbubble
如果(窗口事件){
e.cancelbubble =真;
{人}
( / / / / e.preventDefault);里面的方法在Firefox内核基于浏览器的支持
e.stoppropagation();
}
}
这是parent1部
这是孩子。
这是parent1部
这是parent2部
这是$child2。将泡沫。
这是parent2部
当你直接将代码复制,打开孩子的对话框和弹出parent1当你点击孩子
这是泡沫事件。
但点击chile2只弹出$child2但不弹出parent2,这是一个特殊的效果,防止起泡事件施加影响。
当建立多个div的嵌套时,即建立父子关系。当父div和子div加入onclick事件联系在一起,当亚div的onclick事件被触发时,子div执行js操作。但父div的onclick事件也将被触发,这引起事件的多个并发,造成页面的混乱。这是泡沫事件。
消除气泡事件的方法
防止Javascript事件冒泡(cancelbubble,里面)
下面的部分代码可以很好的解释气泡效果,这是消除气泡的效果。
复制代码代码如下所示:
防止Javascript事件冒泡(cancelbubble,里面)
函数doSomething(obj,EVT){
警报(obj。ID);
var =极值理论(EVT):window.event; / /判断浏览器的类型,IE内核的浏览器使用基于cancelbubble
如果(窗口事件){
e.cancelbubble =真;
{人}
( / / / / e.preventDefault);里面的方法在Firefox内核基于浏览器的支持
e.stoppropagation();
}
}
这是parent1部
这是孩子。
这是parent1部
这是parent2部
这是$child2。将泡沫。
这是parent2部
当你直接将代码复制,打开孩子的对话框和弹出parent1当你点击孩子
这是泡沫事件。
但点击chile2只弹出$child2但不弹出parent2,这是一个特殊的效果,防止起泡事件施加影响。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。