HTML5 拖动限制

Question

我有一个问题：如果我限制拖动功能，为什么除了限制超时之外一直闪烁停止唱歌？

油门拖拽的正确方法是什么？ 我做了一个简单的演示(chrome 68.0.3440.106(

http://jsfiddle.net/2bco65j8/

$(document).on("dragover", ".nest-source.throttle", $.throttle( 100, 
true,function(e) {
console.log("throttling");
e.preventDefault();
}))

$(document).on("dragover", ".nest-source.nothrottle", function(e) {
console.log("wo throttling");
e.preventDefault();
})

Answer 1

要允许在元素上放置，您需要对事件调用 preventDefault。 无论限制如何，都会触发事件，如果不调用 preventDefault 方法，将显示拖动块图标。$.throttle 的作用是创建一个新函数，该函数检查自上次执行回调以来已经过去了多少时间，并且仅在指定的持续时间过后触发回调。因此，您每 100 毫秒只允许下降一次，这就是图标闪烁的原因。

你云做类似的事情

const throttledDragOver = (duration, callback) => {
var throttledCallback = $.throttle(duration, true, () => callback());
return e => {
e.preventDefault();    
throttledCallback();
}
}

你可以在这里看到它的实际应用