javascript - 如何使用javascript从浏览器获取当前光标样式

Question

我正在使用selenium来自动化测试浏览器应用程序，我需要一个javascript api来获取浏览器当前的光标样式，而不关心它在哪里。有没有一些API获取信息链接document.readstate

Answer 1

由于它可能尚未内联定义，因此您需要计算样式:

注意:未检测到伪类的光标更改

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
}

.pseudo::before {
  cursor: crosshair;
  background: #fff;
  content: "X";
}

<span style="cursor:pointer">Inline Pointer</span>
<hr>
<span class="help">CSS help</span>
<hr/>
<span class="pseudo"><<< Changed by pseudo class not detected</span>