2017-09-01 21 views
-2

我使用draggable屬性來啓用像下面這樣的元素的重新排序。我檢測到各種拖動事件,並可以解釋這些事件以重新排列要顯示的數據數組。如何使一個div可以從其子節點1上拖動

enter image description here

的問題是,我附上draggable該行作爲一個整體來獲得視覺效果我從瀏覽器想要的,但我現在不能選擇文本「兩個」使用鼠標,因爲它是被解釋爲拖曳事件。附加draggable="false"到輸入沒有幫助。

理想的用戶界面將不得不從拖動圖標拖動,但是當你這樣做時,你會看到整行元素移動(至少在Chrome中,因爲我知道拖動的可能在瀏覽器之間看起來不同)。

一種選擇可能是使用該行specify the drag Image的模糊PNG,但理想這將是一個實時數據

+0

您是否在使用'handle'屬性?像這樣:https://jsfiddle.net/zfpxw2a2/ –

+0

嗯,這似乎是jQuery的draggable.I在談論https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable –

回答

0

因此,解決辦法是將事件監聽器添加到拖動圖標,使得當鼠標滑過父節點在那個時候被賦予了可拖動的屬性。這可以防止從組件的任何其他部分以及嘗試選擇文本時的工件拖動 - 雙贏

相關問題