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

Question

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

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

问题相关代码，请勿粘贴截图

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'; /*高度往上走是负*/

      });

运行结果及报错内容

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

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

我想要达到的结果

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

Answer 1

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

    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，不需要搞图片

【css属性之cursor】 光标自定义_学知不足，业精于勤。-CSDN博客_自定义光标 1、定义 cursor 属性规定要显示的光标的类型（形状）。2、可能的值 下列表格来自 w3school , 这里重点说明一下url 的用法，其他的用法参考事例页面 –> 梦之都的博客网站 值 描述 url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default 默认光标（通常是一个箭头） a https://blog.csdn.net/dong123dddd/article/details/51095347

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