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 中也可以
正如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)
        |   归档时间:  |  
           
  |  
        
|   查看次数:  |  
           2857 次  |  
        
|   最近记录:  |