首頁(yè) 猿問(wèn) jQuery停止子事件觸發(fā)父事件

jQuery停止子事件觸發(fā)父事件

Html/CSS JQuery

慕標(biāo)琳琳 2019-06-15 10:28:08

jQuery停止子事件觸發(fā)父事件我有一個(gè)div，我已經(jīng)附加了一個(gè)onclick事件到。在這個(gè)div中有一個(gè)帶有鏈接的標(biāo)記。當(dāng)我單擊鏈接時(shí)，onclick事件也會(huì)被觸發(fā)。如何禁用此功能，以便在div上單擊鏈接onclick不是被解雇的？劇本：$(document).ready(function(){ $(".header").bind("click", function(){ $(this).children(".children").toggle(); });})HTML代碼：<div class="header"> <a href="link.html">some link</a> <ul class="children"> <li>some list</li> </ul></div>

查看完整描述

3 回答

回首憶惘然

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊

這樣做：

$(document).ready(function(){
    $(".header").click(function(){
        $(this).children(".children").toggle();
    });
   $(".header a").click(function(e) {
        e.stopPropagation();
   });});

反對(duì) 回復(fù) 2019-06-15

慕斯王

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊

或者，與其使用額外的事件處理程序來(lái)防止另一個(gè)處理程序，還可以使用事件對(duì)象參數(shù)傳遞給單擊事件處理程序，以確定是否單擊了子元素。target將是單擊的元素，并且currentTarget將是.Header div：

$(".header").click(function(e){
     //Do nothing if .header was not directly clicked
     if(e.target !== e.currentTarget) return;

     $(this).children(".children").toggle();});

反對(duì) 回復(fù) 2019-06-15

慕沐林林

TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊

用更好的方法關(guān)于()用鏈子，

$(document).ready(function(){
    $(".header").on('click',function(){
        $(this).children(".children").toggle();
    }).on('click','a',function(e) {
        e.stopPropagation();
   });});

反對(duì) 回復(fù) 2019-06-15

3 回答
0 關(guān)注
719 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

jQuery停止子事件觸發(fā)父事件

jQuery停止子事件觸發(fā)父事件

3 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

jQuery停止子事件觸發(fā)父事件

jQuery停止子事件觸發(fā)父事件

3 回答

相關(guān)問(wèn)題推薦

添加回答