Keydown 和 Mouse down 一起，不同的动作

Question

我正在尝试在不同的操作上更改光标。本质上就像平移地图。 默认值：标准指针光标 Shift 按下：抓取光标 Shift + 左键单击（按住/拖动）：抓取光标

但是，这在我开始移动之前效果很好，然后我的光标会跳回 Grab 而不是继续抓取。我做错了什么？

$(document).keydown(function(event){
  //spacebar = 8
    if (event.keyCode == 16) {

        $('#mysvg').css('cursor', '-webkit-grab');

        }
});
$(document).keyup(function(event){
  //spacebar = 8
    if (event.keyCode == 16) {

        $('#mysvg').css('cursor', 'pointer');
    } 
});



$( "#mysvg" ).mousedown(function(event){
      if (event.shiftKey) {
          $('#mysvg').css('cursor', '-webkit-grabbing');
      }
});

Answer 1

Keydown 会在许多浏览器中反复触发，直到您解除按键为止。我知道 Chrome 和 Firefox 有这种行为。所以你的 keydown 处理程序正在重置光标。