我有內外兩層DIV,都設定了允許拖拽。
當我分別拖拽外層div,和內層div時,跟著滑鼠移動的半透明圖片是不一樣的(這個半透明的圖片可以給人一個直觀的感受就是我現在拖拽的是啥)。
現在有兩個問題:
1:我想要實作的效果是,當我在內層div上按住滑鼠進行拖拽的時候,如果我同時按住ctrl鍵, 此時希望能達到和拖拽外層div是一樣的效果,主要是希望此時跟著滑鼠移動的半透明圖片,和拖拽外層div的時候是一樣的(即讓人的感覺是:我雖然拖拽的是內層的div,但是由于我同時按住了某個鍵,于是我現在在拖拽的就是外層div),且放開ctrl鍵時,那個半透明圖片也能再切換回內層div的圖片
2:當我內層div,不設定draggable的時候,我在內層div上按住滑鼠,且按下ctrl時,是可以拖拽的,貌似此時拖拽的就是外層div。但是當我按下shift鍵,并在內層div上按住滑鼠,此時無回應。我要如何設定才能達到和按下ctrl鍵一樣的效果。
<script type="text/javascript">
function dragstartDiv(ev) {
ev.dataTransfer.setData("Text", ev.target.id);
}
</script>
<div id="template" draggable="true" ondragstart="dragstartDiv(event)">
外層div
<div id="node" draggable="true" ondragstart="dragstartDiv(event)">
內層div
</div>
</div>
uj5u.com熱心網友回復:
有大佬做過么,跪求大佬解惑轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/106732.html
標籤:JavaScript
上一篇:【常用資源】常用資源,學友請進!
下一篇:每日一句前端英陳述句子翻譯
