本文介绍了检测鼠标光标类型切换元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
可以在没有预定义光标样式的情况下获取当前光标类型，例如当鼠标经过文本、链接时。
大概是这样的：
document.addEventListener('mouseover', (e) => {
console.log(e.'cursorType')
});
我想进入控制台。记录光标的状态，如：指针、文本、移动、等待.
我在jQuery中找到了某种解决方案，但我正在寻找纯香草JS
感谢您的答复
推荐答案
因为它可能尚未内联定义，所以您需要计算样式：
我使用单击此处，因为它更易于演示
document.addEventListener('click', e => {
const tgt = e.target;
const inline = tgt.style.cursor || "Not defined"
const computed = window.getComputedStyle(tgt)["cursor"]
console.log("Inline: ",inline,"Computed: ",computed)
});.help { cursor: help }<span style="cursor:pointer">Inline Pointer</span>
<hr>
<span class="help">CSS help</span>这篇关于检测鼠标光标类型切换元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！