日本搞逼视频_黄色一级片免费在线观看_色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#


生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 日韩伦理一区二区 | 青草青青在线视频 | 午夜国产 | 国产成人视屏 | 日韩免费视频一区二区 | a级片免费观看 | 欧洲久久久久 | 国产精品美女久久 | 欧美激情视频一区二区三区在线播放 | 亚洲一二三在线观看 | 国产精品一区久久 | 一区在线免费 | 日韩综合精品 | 欧美三级视频网站 | 国产日韩一区二区三区 | 五月婷婷六月婷婷 | 精品久久三级 | 国产精品卡一卡二 | 久久久久久午夜 | 国产精品一区久久 | 黄色片国产 | 在线成人www免费观看视频 | 久久国产精品区 | 免费xx视频 | yellow视频在线观看免费 | 国产日韩中文字幕 | 国产网站av| 啪啪资源 | 中文字幕精品久久一区二区三区 | 久久精品99国产精品酒店日本 | 午夜欧美一区二区三区在线播放 | 久久免费国产 | 免费观看一区 | 99精品久久 | 国产免费视频 | 国产精品99久久久久 | 久久久二区| 国产福利视频导航 | 久久y| 久久免费国产精品 | 国产免费成人 |