[Edge]。→、
文書上でポインターがロックされたり解除されたりした時に発行されます。
| バブリング | あり |
|---|---|
| キャンセル可能 | いいえ |
| インターフェイス | Event |
| イベント ハンドラー プロパティ | onpointerlockchange |
HTML：
<SPAN id=IdTest>[SPAN要素。ここでポインター操作を…]</SPAN><BR> <SPAN id=IdLog></SPAN>
JavaScript：
function JobPD(eve){ //pointerdown イベントの処理：
IdLog.innerHTML=IdLog.innerHTML +"●";
IdTest.requestPointerLock();
}
function Job(eve){ //pointerlockchange イベントの処理：
if(!D){
D=eve; //＝[object]：[object Event]。SPAN要素でマウス ボタン押して、ポインター ロックされた。
詳細
//isTrusted＝[boolean]：true
//type＝[string]：pointerlockchange
//target＝[object]：[object HTMLDocument]
//currentTarget＝[object]：null
//eventPhase＝[number]：0
//bubbles＝[boolean]：false
//cancelable＝[boolean]：false
//defaultPrevented＝[boolean]：false
//composed＝[boolean]：false
//…
alert(document.pointerLockElement.tagName); //ポインター ロックされている要素：「SPAN」と表示された。
}else if(!DA){
DA=eve; //＝[object]：[object Event]。2回目のチェンジ：ポインター ロックが解除された。
詳細
//isTrusted＝[boolean]：true
//type＝[string]：pointerlockchange
//target＝[object]：[object HTMLDocument]
//currentTarget＝[object]：null
//eventPhase＝[number]：0
//bubbles＝[boolean]：false
//cancelable＝[boolean]：false
//defaultPrevented＝[boolean]：false
//composed＝[boolean]：false
//…
}
IdLog.innerHTML=IdLog.innerHTML +"★";
}
IdTest.onpointerdown=JobPD;
document.onpointerlockchange=Job;
→HTMLElement：pointerdown、document.pointerLockElement、Element.tagName。