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

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

body {
  cursor: grab;
}

body {
  cursor: -webkit-grab;
}


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

Ответы

Ответ 1

Здесь стиль, который gmail использует, если это точный стиль курсора, который вы используете:

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

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

Ответ 2

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

Ответ 3

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

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

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

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