なぜstyle.cursorメソッドがxPageで動作しないのですか？

Question

Notes 8.5.xでは動作しますが、Notes 9.xでは動作しません。 カーソルスタイルを 'wait'に設定するボタンが1つだけの単純なxPageです。

<?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> 

このボタンをクリックしてマウスが上に来ると、カーソルはまだ「ポインタ」スタイルです。マウスを少し動かすと、それは「待機」スタイルに変わります。しかし、それをもう少し動かすと、「デフォルト」スタイルに変わります。なぜそれが「待つ」から戻ってくるのか？上の図を参照してください。 jQueryは$（ "body"）と同じように動作します。css（ "cursor"、 "progress"）;

Answer 1

個々DOM要素がcursorセットのために独自のスタイルを持っているときに起こります。たとえば、aの要素とbuttonの要素のスタイルは、cursor: pointerです。本文に設定されているカーソルスタイルよりも優先されます。

この設定してみてください：それはまだ問題が解決しない場合は、個々のelemntsを見つけるために必要がある場合があります

をして設定し、それが好き：

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

などを...

TIP：より良い方法は、クリック時にボディにクラスを追加し、このプロパティを独自のスタイルに設定することです。 。で解決

Answer 2

：

$（ 'htmlの、ボディ'）CSS（ 'カーソル'、 '待ち'）;
と
$（ 'html、body'）。css（ 'cursor'、 'default'）;