這是我的代碼，我嘗試過使用 setAttribute 并且不明白為什么它不起作用。我也嘗試過使用 .transform 獲得相同的結果。setAttribute 位于 ondrop 事件函式中。
interact('.dropzone')
.dropzone({
// Require a 75% element overlap for a drop to be possible
overlap: 0.75,
// listen for drop related events:
ondropactivate: function (event) {
// add active dropzone feedback
event.target.classList.add('drop-active')
},
ondragenter: function (event) {
var draggableElement = event.relatedTarget
var dropzoneElement = event.target
// feedback the possibility of a drop
dropzoneElement.classList.add('drop-target')
draggableElement.classList.add('can-drop')
},
ondragleave: function (event) {
// remove the drop feedback style
event.target.classList.remove('drop-target')
event.relatedTarget.classList.remove('can-drop')
},
ondrop: function (event) {
console.log("here")
event.relatedTarget.setAttribute('resize-drag', 'width:100px')
event.relatedTarget.setAttribute('resize-drag', 'height:100px')
},
ondropdeactivate: function (event) {
// remove active dropzone feedback
event.target.classList.remove('drop-active')
event.target.classList.remove('drop-target')
}
})
uj5u.com熱心網友回復：
僅出于除錯目的，您可以嘗試添加一個 classList 嗎？這樣你就會看到附加的類
創建一個自定義類來更改可見的東西，例如背景。那可能對你有幫助。
另外，如果可以的話，嘗試提供一個沙箱，這樣更容易提供幫助！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/489815.html
標籤：javascript css 交互.js
上一篇：程式沒有正確添加數字
下一篇：Rcsv檔案必須分成3個資料幀