2013-04-06 115 views
1

我不知道如何提出這個問題,但我會盡我所能。將div拖放到div上

我正在編寫一個網站,我有一個用php生成的div列表。還有另一個div。這個想法是,當你將列表中的一個div拖到另一個div上時,它會對列表中的div類做些什麼。

在列表的div之一的HTML代碼:

<div style='width:100px' class='div1' draggable='true'> 
[content] 
</div> 

的DIV的HTML代碼,你把它扔到:

<div class="dropzone" ondrop="drop(event)" ondragover="allowDrop(event)" style="padding: 10px; border-width: 2px; border-style: dashed; width: 100px; height: 210px; float: right;"> 
[content] 
</div> 

的想法是,當你拖動「DIV1 「into」dropzone「,dropzone將以」div1「作爲變量運行javascript函數。 有沒有辦法在JavaScript中做到這一點?

謝謝!

+0

退房[jQuery UI的可棄](http://jqueryui.com/droppable/) – Class 2013-04-06 02:03:09

+0

你可以觀看兩個事件,即mouseup和mousedown事件。如果你想讓可拖動的div移動,你必須編寫javascript來完成這個工作,或者使用外部代碼(通常以jQuery等主要javascript庫的插件形式)。基本思想是使用mousedown,mousemove和mouseup事件來跟蹤鼠標開始的位置,移動後的位置以及結束位置,然後相應地移動被點擊的對象。 – mowwwalker 2013-04-06 02:23:53

回答