DOM

：

：

Element：DOMActivate イベント

　編集：2022.09.27 by T.A.

[Edge]。非推奨。→、

非推奨： この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

DOMActivate イベントは、要素がアクティブになったとき、例えば、マウスを使ったりキーを押したりしてそこに移動したときに発行されます。

バブリング あり
キャンセル 可能
インターフェイス MouseEvent
イベント ハンドラー プロパティ なし
例
mdnより
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
     xmlns:ev="http://www.w3.org/2001/xml-events"
     width="6cm" height="5cm" viewBox="0 0 600 500">

  <desc>Example: invoke an ECMAScript function from a DOMActivate event</desc>

  <!-- ECMAScript to change the radius -->
  <script type="application/ecmascript"><![CDATA[
    function change(evt) {
      var circle = evt.target;
      var currentRadius = circle.getFloatTrait("r");
      if (currentRadius == 100)
        circle.setFloatTrait("r", currentRadius * 2);
      else
        circle.setFloatTrait("r", currentRadius * 0.5);
    }
  ]]></script>

  <!-- Act on each DOMActivate event -->
  <circle cx="300" cy="225" r="100" fill="red">
    <handler type="application/ecmascript" ev:event="DOMActivate"> change(evt); </handler>
  </circle>

  <text x="300" y="480" font-family="Verdana" font-size="35" text-anchor="middle">
    Activate the circle to change its size
  </text>
</svg>

HTML： 

<SPAN id=IdTest contenteditable>[SPAN要素。ここでマウスを操作してください…<B>[B要素]</B>テキスト<INPUT value="INPUT要素">]</SPAN><BR>
<SPAN id=IdLog></SPAN><BR>

JavaScript： 

function Job(eve){ //DOMActivateイベントの処理：
  D=eve; //＝[object]：[object UIEvent]

詳細	//isTrusted＝[boolean]：true
	//view＝[object]：[object Window]
	//detail＝[number]：1
	//sourceCapabilities＝[object]：null
	//which＝[number]：0
	//initUIEvent＝[function]：function initUIEvent() { [native code] }
	//type＝[string]：DOMActivate
	//target＝[object]：[object HTMLSpanElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：true
	//timeStamp＝[number]：12054.400000095367
	//srcElement＝[object]：[object HTMLSpanElement]
	//returnValue＝[boolean]：true
	//cancelBubble＝[boolean]：false
	//…


//  let E=eve.target; //イベントがあった要素の取得。
  IdLog.innerHTML=IdLog.innerHTML+"●"; //イベントが起こるたびに記録する。
}
IdTest.addEventListener('DOMActivate', Job);

→EventTarget.addEventListener()。

テスト