onmousemove - マウス移動スクリプト

マウスの移動をコントロールが受け取ったときに、イベントハンドラを有効にします。

カテゴリ

イベント

構文

<xp:eventHandler event="onmousemove" attributes>content</xp:eventHandler>

使用法

イベントハンドラの構文の詳細については、eventHandler - イベントハンドラ (プロパティ) を参照してください。

例

このボタンは、onmousmove と onmouseout イベントのクライアントハンドラを保有します。 onmousemove クライアントハンドラは、入力ボックスに 2 つの値を交互に入力します。その結果、ユーザーがマウスを移動させると、テキストが前後に動いているように見えます。 onmouseout クライアントハンドラは、その値をクリアします。

<xp:button value="Test" id="button1">
	<xp:eventHandler event="onmousemove" submit="false">
		<xp:this.script>
			<![CDATA[var e = window.document.getElementById("#{id:inputText1}");
			if (e.value == "Mouse moving") {
				e.value = "    Mouse moving"
			} else {
				e.value = "Mouse moving"
			}]]>
		</xp:this.script>
	</xp:eventHandler>
	<xp:eventHandler event="onmouseout" submit="false">
		<xp:this.script>
			<![CDATA[var e = window.document.getElementById("#{id:inputText1}");
			e.value = null]]>
		</xp:this.script>
	</xp:eventHandler>
</xp:button>