使用javascript自定义大鼠标光标

维德马克

我想创建自定义光标图像,但仅限于32x32,而我需要大约300x300图像。因此,似乎我需要隐藏光标cursor: none并创建自定义的大div或图像,该图像将随着隐形鼠标移动。

最简单的实现可以是:

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

但我有一些问题:

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

谁能帮我这个 ?也许有人为此知道js库。

沃尔夫

现代浏览器上,您需要使用pointer-eventCSS属性设置为none

-演示-

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Xcursor覆盖自定义鼠标光标?

来自分类Dev

在Ubuntu 12.04中制作自定义鼠标光标

来自分类Dev

自定义鼠标光标在删除后会删除重复的符号

来自分类Dev

带有可点击选项的自定义鼠标光标

来自分类Dev

在Ubuntu 12.04中制作自定义鼠标光标

来自分类Dev

如何使用自定义光标?

来自分类Dev

如何在C ++中使用自定义形状的光标检测图像上的鼠标单击位置

来自分类Dev

使用CSS样式的自定义光标-html / css-javascript

来自分类Dev

自定义光标Java

来自分类Dev

自定义光标异常?

来自分类Dev

多个自定义光标

来自分类Dev

是否可以使用 PyQt 创建自定义光标?

来自分类Dev

重新启动后为什么我的自定义鼠标光标没有加载?

来自分类Dev

C#(WinForms)中的自定义控件中的“动态”鼠标光标

来自分类Dev

如何在Windows 10中调整自定义鼠标光标的单击位置

来自分类Dev

如何在wxPython中使用自定义热点创建自定义光标?

来自分类Dev

必应地图如何放大鼠标光标的位置?

来自分类Dev

计算视图偏移以放大鼠标光标所在的位置

来自分类Dev

带.less的自定义光标

来自分类Dev

MonoGame自定义实时光标

来自分类Dev

WPF和自定义光标

来自分类Dev

从自定义光标到集合的抓取

来自分类Dev

自定义光标-悬停时增长

来自分类Dev

设置自定义光标(CSS)无效

来自分类Dev

带Typecsript的自定义光标

来自分类Dev

在tumblr上删除自定义光标

来自分类Dev

使光标在自定义视图中闪烁

来自分类Dev

自定义光标到整个页面

来自分类Dev

如何自定义“抓手”光标?