首页 > 其他分享 >CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动

CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动

时间:2022-12-22 14:04:57浏览次数:47  
标签:clientY style 鼠标 自定义 px JS document sgTip


 

CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动_其它

cursor: url(//img.58cdn.com.cn/resource/xxzl/captcha/pencil.png), default;

 

CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动_其它_02

​​​​​​

/*获取鼠标位置,让提示气泡框跟随鼠标*/
var sgTip=document.querySelector("#sgTip")
document.addEventListener("mousemove", e => {
console.log(e.clientX, e.clientY);
sgTip.style.left = e.clientX + 20 + "px", sgTip.style.top = e.clientY + 20 + "px";
});

标签:clientY,style,鼠标,自定义,px,JS,document,sgTip
From: https://blog.51cto.com/u_15920212/5962842

相关文章