html5-draggable

    2熱度

    1回答

    我試圖獲得html5拖放事件的掛起。 function rowDragStart(event) { let targetRowId = event.target.attributes.row.value; event.dataTransfer.setData("text/plain", targetRowId); } function rowDragOver(event)

    0熱度

    1回答

    我正在使用Angular和angular-drag-and-drop-lists指令。它使用HTML5 API來實現拖動&。我注意到,當將一個元素拖到瀏覽器地址欄上時,地址將被重寫爲該元素的數據,並且驅動程序將從我的網站導航。有沒有辦法阻止元素被拖動到地址欄上或限制它的拖動區域?

    2熱度

    2回答

    所以,我有樂隊的名單,我想整理成運行的命令,就像這樣: <li data-band-id='1' draggable='true' class='band-name'>Metallica</li> <li data-band-id='2' draggable='true' class='band-name'>Slayer</li> <li data-band-id='3' draggable=

    2熱度

    1回答

    我正在使用HTML5拖放到父容器上,但我想要禁用它的一些子項的拖動效果,特別是輸入,以便用戶可以輕鬆地選擇/編輯輸入內容。 例子: https://jsfiddle.net/Luzub54b/ <div class="parent" draggable="true"> <input class="child" type="text" value="22.99"/> </div> S

    4熱度

    1回答

    我正在使用html5拖放操作。 當我從任何給定的網頁拖動圖像或鏈接時,瀏覽器窗口正在識別dragover事件。 例如,通過瀏覽器選項卡拖動圖像,使瀏覽器切換窗口。例如,將鏈接拖到書籤上也是一樣。 現在,當我拖動自定義可拖動元素時,瀏覽器沒有任何反應。有沒有辦法改變這種行爲?

    0熱度

    1回答

    我已將draggable="true"添加到元素,並且只有元素的可見部分被拖動。元素的其餘部分被裁剪。我怎樣才能讓整個元素展示?

    14熱度

    5回答

    我正在構建A4大小的拖放頁面構建器。 這個構建器可以包含的元素是圖像和文本框。 我想了解可用於構建此類前端功能的框架。 的我後例子,在這裏看到canva.com 兩個框架我想是至今都fabric js和greensock draggable,這不符合我的需求或相當難以形成完整的頁面生成器。 理想情況下,我不想爲此使用畫布。 編輯: 基本特點: 裁剪 旋轉 大小調整 改變字體樣式/顏色/爲文本框大小

    1熱度

    1回答

    如果您想將<div>的相對位置設置爲可拖動,並且此<div>具有一些絕對定位的內容,則不會渲染鬼圖像。 這裏是提琴:https://jsfiddle.net/0s3fxqnv/ 是否有人知道如何解決這一問題?

    1熱度

    1回答

    我試圖使用畫布作爲本機HTML5拖放API的拖拽圖像。 問題是,它適用於Firefox,但不適用於Chrome(58),我無法找到問題所在。 代碼:https://jsfiddle.net/196urLwd/5/ <div id="thing" draggable="true">DRAG ME</div> function onDragStart(event){ var canva

    7熱度

    2回答

    當開始使用HTML5可拖動屬性拖動元素時,原始元素仍然可見,所以我最終得到了兩個可見元素而不是一個元素。 我該怎麼做才能讓被拖動的元素可見(應該暫時隱藏原始元素)。 <script> function startDrag() { // hide initial element } function endDrag() { // reset ini