javascript - 从 JavaScript 确定元素的自定义 CSS 光标热点坐标

Question

当我尝试在 JavaScript 中获取 HTML 元素的完整 CSS 光标定义时，它出于某种原因省略了热点(目标像素)坐标，导致我的光标将其热点重置为光标的左上角像素图像(即不是一件好事)。

Problem demonstrated in this JSFiddle .

更新:在某些浏览器中似乎只有这种方式，特别是(在我的测试中)Mac Chrome 和 Safari。

更新 2: 看起来这实际上已在 WebKit 的最新夜间构建(8536.26.17、537+)中修复，所以我想除了它是一个错误之外不需要真正的答案，并且已经已经修复。

例如:

var elem = document.createElement("div");
elem.style.cursor = "url('path/to/cursor') 9 9, auto";
console.log( elem.style.cursor );

输出:

url(path/to/cursor), auto

有什么方法可以在设置样式后从样式中获取这些坐标？我尝试了 window.getComputedStyle() 但结果相同。

这对我来说似乎是一个非常重大的疏忽。这些信息是否刚刚丢失并且无法再检索？

Answer 1

据我查看 CSS 2.1 规范可以看出，不包括 X 和 Y 坐标:

http://www.w3.org/TR/CSS21/ui.html#cursor-props

另外，Mozilla Developer Network将 X、Y 坐标列为“实验性”。

如果规范中没有某些内容，那么您可以期望浏览器具有不同的、有时是冲突的属性实现。