Как вы можете реализовать захват курсора в Chrome?

Question

Я знаю, что в Chrome можно использовать значок захвата курсора (конечно, в Gmail), но я не могу понять, как реализовать его в своем коде. Я пытался (в CSS):

body {
  cursor: grab;
}

body {
  cursor: -webkit-grab;
}


body {
  cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif);
}

Answer 1

Chrome Требуется -webkit- перед именем "grab";

Вот пример стиля, который работает как с Chrome, так и с Mozilla, и включает в себя изменение курсора, когда вы что-то «держите».

#eA { cursor: -webkit-grab; cursor:-moz-grab; }
#eA:active { cursor: -webkit-grabbing; cursor:-moz-grabbing;}

Ссылка: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Answer 2

Итак, в CSS вы начинаете с основ и переходите к более темному. Браузер выберет последний, который работает для этого конкретного браузера. По какой-то причине Chrome поддерживает захват, но не захватывание.

body {
  cursor: pointer;
  cursor: hand;
  cursor: -webkit-grab;
  cursor: grab;
}

Что касается вашего последующего вопроса о возможности манипулировать этим, попробуйте использовать что-то вроде следующего:

document.body.style.cursor = 'move';

Answer 3

Вот стиль, который использует gmail, если вам нужен именно тот стиль курсора:

body {
  cursor: url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/openhand.cur), default !important;
}

Вы можете проверить его здесь .