请问加了鼠标跟随后元素无法被选中如何解决

问题遇到的现象和发生背景

我给鼠标绑定了移动事件,且跟随了一个图片
页面中的文字无法选中,悬停效果也没有了

问题相关代码,请勿粘贴截图
var iconFollow = document.querySelector('.icon-follow');
      document.addEventListener('mousemove', function(e) { /*mousemove鼠标移动事件*/
        // 把x,y坐标作为图片的top,left值,(注意:top/left的属性值都带px)
        iconFollow.style.left = e.pageX + 'px';
        iconFollow.style.top = e.pageY + 'px'; /*高度往上走是负*/

      });


运行结果及报错内容

img

我的解答思路和尝试过的方法

可能时由于onmousemove的返回值被我重新设置了么?页面就无法正确捕捉到了
暂时想不出解决办法,没有搜出结果

我想要达到的结果

页面元素能正常选中,能有交互效果

增加点偏移量,要不选择的时候直接就是按着这个图片选图片了。

img


    var iconFollow = document.querySelector('.icon-follow');
    document.addEventListener('mousemove', function (e) { /*mousemove鼠标移动事件*/
        // 把x,y坐标作为图片的top,left值,(注意:top/left的属性值都带px)
        iconFollow.style.left = e.pageX+1 + 'px';//增加偏移量
        iconFollow.style.top = e.pageY + 1 + 'px';//增加偏移量
    });


要么用给自定义的cursor,不需要搞图片


有帮助麻烦点下【采纳该答案】,谢谢~~有其他问题可以继续交流~

你这种效果应该使用 cursor url 鼠标跟随 就不行 。都跟随了肯定 无法选中了
https://www.cnblogs.com/wdl818/p/5941149.html
https://www.runoob.com/cssref/pr-class-cursor.html

有一个更好的方法在这里https://blog.csdn.net/lwy815379128/article/details/53983294?ops_request_misc=&request_id=&biz_id=102&utm_term=cursor%E8%AE%BE%E7%BD%AE%E4%B8%BA%E4%B8%80%E4%B8%AA%E5%9B%BE%E7%89%87&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~sobaiduweb~default-0-53983294.pc_v2_rank_blog_default&spm=1018.2226.3001.4450