javascript - 使用 javascript 自定义大鼠标光标

Question

我想创建自定义光标图像，但它限制为 32x32，而我需要大约 300x300 的图像。所以看来我需要隐藏光标 cursor: none 并创建自定义大 div 或图像，这将用不可见的鼠标移动。

最简单的实现可能是:

$(document).on('mousemove', function(e){
     $('#custom-cursor').css({
          left:  e.pageX,
          top:   e.pageY
     });
});

但我有一些问题:

1. 性能(我应该如何实现不带左上角属性的移动 div)
2. 文本选择 jsfiddle无法正确选择文本

谁能帮我解决这个问题？

Answer 1

关于 modern browsers ，您需要使用 pointer-event CSS 属性设置为 none:

--DEMO--

$(document).on('mousemove', function (e) {
    $('#custom-cursor').css({
        left: e.pageX,
        top: e.pageY,
        pointerEvents: 'none'
    });
});