苹果浏览器。拖动时光标错误

Rom*_*lov 1 css safari drag-and-drop cross-browser cursor

我正在尝试向我的项目添加拖放功能,并为此使用slip.js。

为了装饰光标,我添加class="draggable"到每个可拖动的<tr>。这个类的 CSS 是:

.draggable:active { 
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
  cursor:         grabbing;
}
Run Code Online (Sandbox Code Playgroud)

拖放工作正常,但在 Safari 中,当我拖动表格行时,光标看起来像cursor: text文本光标

在 Chrome 中,光标正常抓取光标

有趣的是,当我只需单击并按住而不拖动光标时,在 Safari 中也可以抓取光标

Rom*_*lov 5

正如chrome中提到的,拖动时将光标设置为文本,为什么?,我需要在拖动时禁用选择。我的 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;
});
Run Code Online (Sandbox Code Playgroud)