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

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何停止復(fù)選框上的事件冒泡

如何停止復(fù)選框上的事件冒泡

ibeautiful 2019-10-06 15:11:33
我有一個復(fù)選框,我想對click事件執(zhí)行一些Ajax操作,但是該復(fù)選框也位于容器中,它具有自己的單擊行為,當(dāng)單擊該復(fù)選框時,我不想運(yùn)行該行為。此示例說明了我要執(zhí)行的操作:$(document).ready(function() {  $('#container').addClass('hidden');  $('#header').click(function() {    if ($('#container').hasClass('hidden')) {      $('#container').removeClass('hidden');    } else {      $('#container').addClass('hidden');    }  });  $('#header input[type=checkbox]').click(function(event) {    // Do something  });});#container.hidden #body {  display: none;}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><div id="container">  <div id="header">    <h1>Title</h1>    <input type="checkbox" name="test" />  </div>  <div id="body">    <p>Some content</p>  </div></div>但是,我不知道如何在不導(dǎo)致默認(rèn)點(diǎn)擊行為(復(fù)選框變?yōu)檫x中/取消選中)的情況下停止事件冒泡。以下兩項(xiàng)都停止了事件冒泡,但也沒有更改復(fù)選框狀態(tài):event.preventDefault();return false;
查看完整描述

4 回答

?
開心每一天1111

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個贊

更換


event.preventDefault();

return false;


event.stopPropagation();

event.stopPropagation()


停止將事件冒泡到父元素,從而防止任何父處理程序收到該事件的通知。


event.preventDefault()


阻止瀏覽器執(zhí)行默認(rèn)操作。使用isDefaultPrevented方法可以知道是否曾經(jīng)(在該事件對象上)調(diào)用過此方法。


查看完整回答
反對 回復(fù) 2019-10-06
?
慕仙森

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個贊

使用stopPropagation方法:


event.stopPropagation();


查看完整回答
反對 回復(fù) 2019-10-06
?
飲歌長嘯

TA貢獻(xiàn)1951條經(jīng)驗(yàn) 獲得超3個贊

別忘了IE:


if (event.stopPropagation) {    // standard

        event.stopPropagation();

    } else {    // IE6-8

        event.cancelBubble = true;

}


查看完整回答
反對 回復(fù) 2019-10-06
?
至尊寶的傳說

TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超10個贊

使用jQuery時,您無需單獨(dú)調(diào)用stop函數(shù)。


您可以只返回false事件處理程序


這將停止事件并取消冒泡。


另請參閱event.preventDefault()與return false


從jQuery文檔中:


因此,這些處理程序可能會通過調(diào)用event.stopPropagation()或return 阻止委托處理程序觸發(fā)false。


查看完整回答
反對 回復(fù) 2019-10-06
  • 4 回答
  • 0 關(guān)注
  • 1059 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號