数码资讯
事件委托和停止冒泡,以防止其父元素的触发器。
简单地说事件委托和停止冒泡 Html: 整体 纽约 洛杉矶 拉斯维加斯 夏威夷 三藩 罗兰多 西雅图 Js: $(UL {数据类型= 'citypick}),(听到咔哒声,函数(){) 警报(父元素UL已单击); }); $(UL {数据类型= 'citypick}),(点击'李',功能()){ 警
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
简单地说事件委托和停止冒泡
Html:
整体
纽约
洛杉矶
拉斯维加斯
夏威夷
三藩
罗兰多
西雅图
Js:
$(UL {数据类型= 'citypick}),(听到咔哒声,函数(){)
警报(父元素UL已单击);
});
$(UL {数据类型= 'citypick}),(点击'李',功能()){
警报(子元素李点击);
});
当您单击特定的LI元素时,发现UL的事件也被触发,我们不想看到它。
解决uff1a
$(UL {数据类型= 'citypick}),(听到咔哒声,函数(){)
警报(父元素UL已单击);
});
$(UL {数据类型= 'citypick}),(点击'李',功能(e){)
(e.stoppropagation); / /停止泡沫
警报(子元素李点击);
});
加一句话防止泡沫。
Html:
整体
纽约
洛杉矶
拉斯维加斯
夏威夷
三藩
罗兰多
西雅图
Js:
$(UL {数据类型= 'citypick}),(听到咔哒声,函数(){)
警报(父元素UL已单击);
});
$(UL {数据类型= 'citypick}),(点击'李',功能()){
警报(子元素李点击);
});
当您单击特定的LI元素时,发现UL的事件也被触发,我们不想看到它。
解决uff1a
$(UL {数据类型= 'citypick}),(听到咔哒声,函数(){)
警报(父元素UL已单击);
});
$(UL {数据类型= 'citypick}),(点击'李',功能(e){)
(e.stoppropagation); / /停止泡沫
警报(子元素李点击);
});
加一句话防止泡沫。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。