使Html-Custom-Cursor成为屏幕光标

时间:2013-03-17 12:19:17

标签: javascript html css

我正试图找到一种方法来确保某个自定义css游标可用于整个屏幕。我的想法是,当用户在div上单击鼠标时,我会将监听器附加到文档(向上移动),以便能够捕获浏览器窗口之外的事件。

但是,一旦用户离开div,分配给鼠标按下的自定义光标就会丢失。当我使用element.setCapture时,这不会发生在Mozilla中,因为这样也会保持当前游标处于活动状态,直到释放捕获为止。对于任何(现代)浏览器,有没有办法做同样的事情(也就是在拖动时保持光标活动)?

1 个答案:

答案 0 :(得分:1)

这是一个常见的问题。这是你可以做的黑客。

<强> CSS

*{ 
  cursor: pointer;
}

<强>的Javascript

document.onselectstart = function () { return false; };

http://jsfiddle.net/bEgMK/