为什么style.cursor方法不能在xPage上工作？

Question

它适用于Notes 8.5.x但不适用于Notes 9.x. 这是我的简单xPage，只有一个按钮，将光标样式设置为等待＆＃39;。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:button value="Label" id="button1">
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[document.body.style.cursor='wait';]]></xp:this.script>
        </xp:eventHandler>
    </xp:button>
</xp:view>

当我点击此按钮并且鼠标悬停在它上面时，光标仍然是指针＆＃39;样式。当我将鼠标移出一点点时，它变成了等待＆＃39;样式。但是，如果我再移动一点，那么它就会转向默认＆＃39;样式。为什么它会等待＆＃39;？见上图。 jQuery以同样的方式工作$（＆＃34; body＆＃34;）。css（＆＃34; cursor＆＃34;，＆＃34; progress＆＃34;）;

Answer 1

当单个DOM元素具有cursor集的自己样式时，就会发生这种情况。例如：您的a元素和button元素可能具有样式cursor: pointer。这将优先于设置为正文的光标样式。

尝试设置：

document.body.style.cssText =  "cursor:wait !important";

如果仍然无法解决问题，您可能需要找到单独的元素并将其设置为：

document.a.style.cssText =  "cursor:wait";
document.button.style.cssText =  "cursor:wait";

等。

提示：更好的方法是在点击时向正文添加一个类，并将此属性设置为拥有自己的样式。

Answer 2

解决了：

$（＆＃39; html，body＆＃39;）。css（＆＃39;光标＆＃39;，＆＃39;等待＆＃39;）;
和
$（＆＃39; html，body＆＃39;）。css（＆＃39;光标＆＃39;，＆＃39;默认＆＃39;）;