<分区>
<分区>
我正在尝试向我的元素添加拖放功能并使用 slip.js为此。
为了装饰光标,我添加了 class="draggable"
到每个可拖动的 <tr>
.这个类的 CSS 是:
.draggable:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
拖放工作正常,但在 Safari 中,当我拖动表格行时,光标看起来像 cursor: text
在 Chrome 中光标正常
有趣的是,当我只是单击并按住而不拖动光标时,在 Safari 中也是可以的
最佳答案
如 chrome sets cursor to text while dragging, why? 中所述,我需要在拖动时禁用选择。我的 JavaScript:
list = document.getElementById('demo1');
var flag_dragging = false;
list.addEventListener('mouseover', function(e){
document.onselectstart = function(){ return false; }
});
list.addEventListener('mouseout', function(e){
if(!flag_dragging){
document.onselectstart = function(){ return true; }
}
});
list.addEventListener('dragstart', function(e){
flag_dragging = true;
});
list.addEventListener('dragstop', function(e){
flag_dragging = false;
});
关于css - 苹果浏览器。拖动时光标错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47295211/