簡體 English 中英

如何使用HTML5使一些元素可拖動和其他可放置？

[英]How to make some elements draggable and other droppable using HTML5?

原文 2012-05-24 16:30:08 5 1 javascript/ html5/ jquery-ui/ draggable/ droppable

我想拖動一些元素並將其放入其他一些容器中。 以下示例適用於可拖動和可放置的對象

http://jsfiddle.net/AwCuM/

但是當我試圖讓它們中的一些可拖動而其他只是可以放置它時它不起作用

http://jsfiddle.net/4adJk/10/

我知道如何使用jQueryUI來實現這一點，但我想使用純HTML5來做同樣的事情。

1 個解決方案

看看Mozilla的HTML文檔，我發現我需要處理dragover事件。 完整的解決方案可在以下位置查看：

http://jsfiddle.net/Dema8/7/

原生HTML5拖放：使可拖動對象不可放置

[英]Native HTML5 Drag and Drop: Make draggable object NOT droppable

可拖放區域的HTML5可拖動更改位置

[英]HTML5 draggable changing position of droppable areas

如何使可拖動元素可拖放而不是附加？

[英]How can I make draggable elements droppable instead of appending?

如何使div可拖動和可拖放

[英]how to make a div draggable and droppable

如何使對象可拖放

[英]How to make objects draggable and droppable

如何在HTML5中使矩形可拖動？

[英]How to make rectangle draggable in HTML5?

如何使繪圖在 HTML5 畫布上可拖動

[英]How to make drawing draggable on canvas in HTML5

html5-可拖動的輸入元素

[英]html5 - Draggable Input Elements

當元素被放入其中時，使可放置div擴展。使用可拖動的jQuery UI

[英]Make a droppable div expand when elements are dropped inside it. using draggable jquery ui

如何追加 <li> 至 <ul> 使用可拖動和可放置？

[英]How to append <li> to <ul> using draggable and droppable?

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 原生HTML5拖放：使可拖動對象不可放置可拖放區域的HTML5可拖動更改位置如何使可拖動元素可拖放而不是附加？如何使div可拖動和可拖放如何使對象可拖放如何在HTML5中使矩形可拖動？如何使繪圖在 HTML5 畫布上可拖動 html5-可拖動的輸入元素當元素被放入其中時，使可放置div擴展。使用可拖動的jQuery UI 如何追加 <li> 至 <ul> 使用可拖動和可放置？

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM