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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

讓事件處理程序忽略子項(xiàng)

讓事件處理程序忽略子項(xiàng)

繁華開滿天機(jī) 2023-09-18 15:27:39
假設(shè)我有一個(gè)類似于下面的代碼(這是非常簡(jiǎn)化的,但思想相對(duì)相同)<div>    <div class="parent" ondragenter="enter()" ondragleave="leave()">        <div class="child">            Stuff        </div>    </div></div>我希望能夠?qū)⒘硪粋€(gè) div 拖動(dòng)到父 div 之上,并觸發(fā) ondragagenter 和 ondragleave 事件。這可行,但有一個(gè)問(wèn)題。當(dāng)項(xiàng)目被拖入子項(xiàng)時(shí),事件也會(huì)觸發(fā)。停止傳播不起作用,因?yàn)樗皇窃谧釉厮诘奈恢脛?chuàng)建了一個(gè)“洞”,而問(wèn)題仍然存在。有什么辦法可以完全不理孩子嗎?這樣我就可以將項(xiàng)目拖入或拖出子項(xiàng),并且不會(huì)觸發(fā)任何事件;它們僅在項(xiàng)目進(jìn)入和離開父項(xiàng)時(shí)才觸發(fā)?我已經(jīng)堅(jiān)持這個(gè)問(wèn)題一個(gè)多星期了,所以任何幫助將不勝感激。
查看完整描述

2 回答

?
慕容森

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

使用事件委托,您只需在最外層父級(jí)上設(shè)置事件處理程序并處理那里的所有事件。在處理程序中,您可以測(cè)試event.target以查看事件的源元素是什么,并且僅當(dāng)該元素是您想要的元素時(shí)才繼續(xù)。

這是一個(gè)click事件示例:

document.querySelector(".parent").addEventListener("click", function(event){

? console.log("Either the parent or the child was clicked.");


? // Only react if the source of the event was the parent, not the child.

? if(event.target.classList.contains("parent")){

? ? ?alert("you clicked on the parent");

? }


});

<div>Click on both the parent and the child. Only the parent will perform the desired action.

? ? <div class="parent">

? ? ? I'm the parent

? ? ? ? <div class="child">

? ? ? ? ? ? I'm the child

? ? ? ? </div>

? ? </div>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-09-18
?
鴻蒙傳說(shuō)

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

最后,我解決問(wèn)題的方法是完全刪除 onleave 事件。這是造成大多數(shù)問(wèn)題的原因。

因此,現(xiàn)在在 onenter 上,我只是檢查 currentTarget 是否與之前訪問(wèn)過(guò)的 currentTarget 不同。如果是,則禁用先前訪問(wèn)的 currentTarget 的指示器,并激活新的 currentTarget 的指示器。

這實(shí)際上比我預(yù)期的要好,因?yàn)榧词鼓x開卡但沒(méi)有輸入新卡,該指示器也會(huì)保持不變。這樣您就可以隨時(shí)跟蹤您上次輸入的位置。


查看完整回答
反對(duì) 回復(fù) 2023-09-18
  • 2 回答
  • 0 關(guān)注
  • 171 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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