日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > 互聯網 > 事件委托與阻止冒泡

事件委托與阻止冒泡

來源:程序員人生   發布時間:2014-10-13 10:06:04 閱讀次數:2519次

簡單說下事件委托與阻止冒泡

html:

<ul class="clearfix" data-type="cityPick"> <li class="active_sort_opts" data-id="0">全部</li> <li data-id="88">紐約</li> <li data-id="119">洛杉磯</li> <li data-id="138">拉斯維加斯</li> <li data-id="84">夏威夷</li> <li data-id="120">舊金山</li> <li data-id="105">奧蘭多</li> <li data-id="118">西雅圖</li> </ul>

js:

$("ul[data-type='cityPick']").on('click',function(){ alert("父元素ul被點擊"); }); $("ul[data-type='cityPick']").on('click','li',function(){ alert("子元素li被點擊"); });

當點擊具體的li元素時,發現ul的事件也被觸發了,這是我們不想看到的。


解決:

$("ul[data-type='cityPick']").on('click',function(){ alert("父元素ul被點擊"); }); $("ul[data-type='cityPick']").on('click','li',function(e){ e.stopPropagation();//阻止冒泡 alert("子元素li被點擊"); });


加一句阻止冒泡即可。


更多講解與優秀文章:http://www.ituring.com.cn/article/467#


生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 中文字幕高清视频 | 欧美日产国产成人免费图片 | 国产精品一区二区av | 91日韩在线 | 玖玖玖视频 | 美女视频久久 | 少妇精品久久久一区二区三区 | 神马久久精品 | 国产a毛片 | 91精品国产乱码久久久 | 在线免费观看成人 | 久久久国产一区二区三区 | 国产午夜精品久久 | 日韩一二三区视频 | 午夜免费视频 | 中文在线一区二区 | 久久综合九色综合久久久精品综合 | 91精品国产综合久久久久久久久 | 国产精品污www在线观看 | 91免费在线视频 | 日韩精品免费一区二区夜夜嗨 | 欧美 亚洲 视频 | 久久成人a | 国产日韩一区二区三区 | 91在线一区 | 黄色一级毛片免费 | 国产一区二三区 | 日韩成人在线视频 | 久久不卡 | a天堂视频 | 国产精品久久久久久久久久久久久 | 亚洲欧洲av在线 | 久久久久国产一级毛片高清网站 | 成人午夜电影在线观看 | 日韩黄色一级毛片 | 国产视频高清 | 欧美精品一区在线发布 | 日韩欧美在线视频观看 | 精品久久久久久国产 | 免费视频一二三区 | 黄色片看 |