堆棧內存溢出
cost 100 ms
將 dropEffect cursor 更改為拖動時“移動”

[英]Changing dropEffect cursor to 'move' on drag

我想在使用 HTML 5 瀏覽器拖放時將我的 cursor 更改為“移動”。 但是，當我移動可拖動項時，這個 cursor 保持不變（默認）。 根據 MDN 文檔和其他具有相同問題的各種 Stackoverflow 帖子，可以將 dataTransfer object 設置為移動。 但是，設置該屬 ...

在 Vue 拆分窗格中添加拖放功能

[英]Adding drag drop functionality in Vue Splitpanes

我正在嘗試在Vue Splitpane中添加拖放功能。 我正在嘗試幾個拖放包，即vue-smooth-dnd 、 Vue.Draggable等。但是，這些 dnd 包與拆分窗格 package 沖突，因為它嚴格維護結構，例如： 因此，我正在尋找將拖放作為指令添加到元素的選項。 我發現了這個， vue ...

拖動 CSS 縮放元素會移除縮放（HTML5 拖動，而不是 jquery）

[英]Dragging a CSS scaled element removes scaling (HTML5 dragging, not jquery)

我正在創建一個可以拖放對象的調色板。 為了支持更小的屏幕尺寸並避免大量計算，我嘗試在調色板本身或帶有它們的對象上實現 css 縮放。 我正在使用 HTML draggable 來拖動圖像。 但是，當我拖動縮放的圖像時，縮放消失了，它再次顯示為全尺寸。 這使得很難理解事情將如何下降。 這是一支代碼 ...

開始拖動具有draggable 屬性的DOM 元素后，是否可以停止拖動並退出拖放？

[英]After starting the drag of a DOM element with draggable attribute , Could we stop dragging and exit from drag and drop?

拖動開始后，我必須停止拖動異步。 我可以在拖動事件中添加一些東西來取消拖動嗎？ document.querySelector('#drag-elem').addEventListener('drag', function(e){ // Stop the drag e.preventDefault ...

如何使用拖放 HTML API 顯示可放置區域

[英]How to show droppable area using Drag and Drop HTML API

我正在實現一個功能，用戶可以在其中對列表進行排序並重新排序元素，在拖動時我想顯示拖動元素下方的可放置區域。 注意：我想使用本機 javascript 來實現這一點 ...

Angularjs 指令使 HTML 元素可拖動並且其中的 HTML 字段可選擇或可修改

[英]Angularjs Directive to make HTML element draggable and HTML fields within it selectable or modifiable

我嘗試了很多東西，但沒有一個有效。 因此，發布相同的內容。 這是背景： 我有這個HTML元素，它將基於ng-repeat動態創建一個矩形框。 在每個Rectangular框中都有各種 HTML 元素，例如HTML select and input text等，這些字段可以由用戶編輯。 我想讓這個矩形 ...

Drop over child 會觸發 parent 的“drop”事件偵聽器。 我想通過特定於子的“drop”覆蓋該事件偵聽器

[英]Dropping over child triggers the “drop” event listener of parent . I want to override that event listener by a Child specific “drop”

這是我的代碼。 我用不同的選擇器定義了兩個不同的 drop 事件，但是父事件覆蓋了子 drop。 父“drop”用於a，子“drop：用於a。當客戶端在圖像上放置時，我想分配一個特定的function。 這是我的小提琴： https://jsfiddle.net/Bhavesh21/1haokeum ...

HTML5 DnD - 為什么在拖放元素后重影圖像只能按預期工作？

[英]HTML5 DnD - Why is ghost image only working as expected AFTER dragging & dropping an element?

我試圖讓一個帶有嵌套img的p元素在拖動時顯示為重影圖像。 我不確定如何調試它，但我注意到一旦圖像被緩存或被拖放到頁面上的某個位置，它就會按預期工作。 我在這里做了一個 MWE： 笑臉在頁面首次加載時被拖動並顯示錯誤行為 - 表情符號在拖動過程中不顯示。 悲傷的臉被拖動，釋放，然后重新拖動，這導 ...

拖放填空

[英]Drag and drop fill in blanks

這是我的拖放填空代碼。 但問題是，如果用戶在他/她得到點之后在錯誤的位置插入了錯誤的單詞，他/她想要將單詞放在正確的位置。 在此代碼中，那種類型的單詞刪除不起作用。 <.DOCTYPE HTML> <html> <head> <style>:drag ...

風格拖鬼元素

[英]Style drag ghost element

我正面臨一個問題，我正在拖動一個 div。 雖然幽靈元素在 MacO 上看起來不錯（在 Chrome 和 FireFox 上都是如此），但它似乎太透明了，在 Windows 中（在 Chrome 和 FireFox 上都是如此。我嘗試了多種方法，但似乎沒有任何效果。所以可以設置樣式鬼元素？ 此外，我 ...

如何使可拖動元素在放下時保持在新位置（HTML5 不是 jQuery）？

[英]How to make a draggable element stay at the new position when dropped (HTML5 not jQuery)?

我剛剛學習了 HTML5 可拖放 API 的基礎知識。 我不知道如何將拖動位置保留在其放置位置。 放下它時，它會改變它的位置。 這是基本的 HTML（僅限相關元素）： onDragStart = function(ev) { //... } drop_handler = funct ...

由於拖動元素中的點，JavaScript 拖放 XY 位置在放下時關閉

[英]JavaScript drag n drop XY location when dropped is off due to point in drag element

當我可以在圖像上放置標記時，我正在嘗試創建一個拖放應用程序。 雖然這是一個 Angular 應用程序，但我使用普通的舊 JS API 進行拖放操作以解決CDK問題。 我可以在圖像周圍移動一個20x20 div 並將其放下並通過設置 div 的頂部/左側樣式來設置圖像上的位置。 但是，我遇到的問題是 ...

jQuery Draggable - 創建可拖動並開始拖動html5本機Drag and Drop api事件

[英]jQuery Draggable - Create draggable and start dragging on html5 native Drag And Drop api event

好吧，基本上我想要嘗試實現的是，當一個dragover事件從HTML5 Drag And Drop API觸發時，我希望創建一個jQuery draggable對象，並開始跟隨鼠標，而dragend事件從HTML5 Drag And Drop API dragend中觸發HTML5 Drag A ...

嵌套的html5可拖動項

[英]nested html5 draggable items

我對html5可拖動項有疑問。 我一直在看這個例子： https : //codepen.io/retrofuturistic/pen/tlbHE 如果我自定義它並使父母可拖動 原來，當您嘗試對列表項“ child-li”進行排序時，它會嘗試拖動“ parent-li” ...

拖放-如何在dragstart事件和drop事件中獲取實際的html

[英]Drag and Drop - How to get the actual html in dragstart event and drop event

在dragstart事件上，我想獲取拖動元素的實際html。 但是當我在dragstart事件console.log( e.target);執行類似的操作時 它給了我預期的輸出結果； 但是這段代碼console.log(JSON.stringify(e.target)); 給我這樣 ...

識別表格上HTML5拖放操作中的單元格

[英]Identify cell in an HTML5 drag and drop operation on a table

我正在使用Angular應用程序中的HTML5拖放功能。 我有以下情況： 具有一些可以拖動的“對象”的容器 用戶可以在其中放置拖放元素的表 我已按照本教程中的步驟進行操作： https : //medium.com/@mithun_daa/drag-and-drop- ...

JS HTML5拖放：自定義Dock效果在Chrome中跳躍

[英]JS HTML5 Drag and Drop: Custom Dock Effect Jumping Around in Chrome

情況：我正在使用HTML5拖放將瓷磚放在我正在編寫的游戲中。 我想添加一個效果，其中兩個瓷磚，我即將放置一個新的瓷磚之間稍微移動，以表明這是你正在下降的地方（類似於Mac OS底座）。 我的方法：我有一個flexbox ，我正在丟棄這些瓷磚。 我寫了一個函數，基本上返回一個正弦波周期， ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM