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

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

關(guān)于HTML 5 拖放 問(wèn)題【誠(chéng)求好心人】

關(guān)于HTML 5 拖放 問(wèn)題【誠(chéng)求好心人】

筑夢(mèng)工 2016-05-04 15:03:39
【問(wèn)題:】 現(xiàn)在可以待排班人員和每個(gè)星期值班人員可以相互拖放。但是 如果將<span>拖到 某一個(gè)<span>上面后 這個(gè)被拖動(dòng)的就插入到里面了。怎么設(shè)置可以避免發(fā)生!================js部分 ==========================?<!-- 拖拽 star-->??<script type="text/javascript">? ? function allowDrop(ev)? ? ? {? ? ? ? ev.preventDefault();? ? ? }? ? function drag(ev)? ? ? {? ? ? ? ev.dataTransfer.setData("Text",ev.target.id);? ? ? }? ? function drop(ev)? ? ? {? ? ? ? ev.preventDefault();? ? ? ? var data=ev.dataTransfer.getData("Text");? ? ? ? ev.target.appendChild(document.getElementById(data));? ? ? }? ? ???</script>?<!-- 拖拽 end-->?================html 部分 (大致意思)==============================待排班人員====? ??? <div class="duty-box" id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">? ? ? ? ? ? <span ?id="drag1" ?draggable="true" ondragstart="drag(event)">張1</span>? </div>====星期一====? <div class="duty-box" ?id="div2" ondrop="drop(event)" ondragover="allowDrop(event)">? ? ??? ?<span ?id="drag2" ?draggable="true" ondragstart="drag(event)">張2</span>? ?</div> ====星期二====? <div class="duty-box" ?id="div3" ondrop="drop(event)" ondragover="allowDrop(event)">? ? ??? ?<span ?id="drag3" ?draggable="true" ondragstart="drag(event)">張3</span>? ?</div>
查看完整描述

1 回答

?
Dolor

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

ev.target.appendChild之前判斷ev.target的nodeName,如果是span的話就添加在span的parentNode的div上,注意取nodeName的時(shí)候注意大小寫(xiě)兼容性問(wèn)題,統(tǒng)一轉(zhuǎn)大寫(xiě)判斷或者統(tǒng)一轉(zhuǎn)小寫(xiě)判斷;

查看完整回答
反對(duì) 回復(fù) 2016-06-12
  • 1 回答
  • 0 關(guān)注
  • 1789 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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