gpt4 book ai didi

javascript - 使用html5拖放时滚动

转载 作者:技术小花猫 更新时间:2023-10-29 12:21:42 26 4
gpt4 key购买 nike

<分区>

我刚刚发现,在使用 HTML5 拖放时 - 尝试使用鼠标滚轮或鼠标垫滚动页面将不起作用,并且不会调用鼠标滚轮事件的监听器。

举个例子看这里: http://jsfiddle.net/92u6K/2/

jQuery

 var $dragging = null;
$('.item').bind('dragstart', function(e) {
$dragging = $(e.currentTarget)
});

$('.item').bind('dragover', function(e) {
e.preventDefault();
e.stopPropagation();
});

$('.item').bind('drop', function(e) {
e.preventDefault();
e.stopPropagation();

$dragging.unbind();
$dragging.insertBefore($(e.currentTarget));
});

(The example shows 20 divs with scrollbar so you can try dragging item and attempting to scroll the screen the same time)

我发现 FireFox 有一个漏洞已经存在好几年了: https://bugzilla.mozilla.org/show_bug.cgi?id=41708

有人创建了一个扩展来支持这种行为: https://addons.mozilla.org/en-US/firefox/addon/drag-to-scroll-reloaded/

我在 Chrome 中找不到任何类似的错误。是否有适用于 Chrome 的解决方案?

编辑:这在 Safari 中有效,因此该行为存在于 Chrome 和 Firefox 中。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com