products/Sources/formale Sprachen/C/Firefox/dom/events/test/pointerevents/test_bug1323158.html
<!
DOCTYPE HTML >
<
html >
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1323158
-->
<
head >
<
meta charset=
"utf-8" >
<
title >This is a test to check if target and relatedTarget of mouse events are the same as pointer e
vents</title >
<script src="/tests/SimpleTest/SimpleTest.js" ></script >
<script src="/tests/SimpleTest/EventUtils.js" ></script >
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head >
<body >
<p id="content" ></p>
<script type="text/javascript" >
/** Test for Bug 1323158 **/
SimpleTest.waitForExplicitFinish();
function runTests() {
let content = document.getElementById('content' );
let iframe = document.createElement('iframe' );
iframe .width = 500;
iframe .height = 500;
content.appendChild(iframe );
iframe .contentDocument.body .innerHTML =
"<br><div id='target0' style='width: 30px; height: 30px; background: black;'></div>" +
"<br><div id='target1' style='width: 30px; height: 30px; background: red;'></div>" +
"<br><div id='done' style='width: 30px; height: 30px; background: green;'></div>" ;
let target0 = iframe .contentDocument.getElementById("target0" );
let target1 = iframe .contentDocument.getElementById("target1" );
let done = iframe .contentDocument.getElementById("done" );
let pointerBoundaryEvents = ["pointerover" , "pointerenter" , "pointerleave" , "pointerout" ];
let mouseBoundaryEvents = ["mouseover" , "mouseenter" , "mouseleave" , "mouseout" ];
let receivedPointerBoundaryEvents = {};
let mouseEvent2pointerEvent = {"mouseover" : "pointerover" ,
"mouseenter" : "pointerenter" ,
"mouseleave" : "pointerleave" ,
"mouseout" : "pointerout"
};
pointerBoundaryEvents.forEach((event) => {
target1.addEventListener(event, (e) => {
receivedPointerBoundaryEvents[event] = e;
}, {once: true});
});
let attributes = ["target" , "relatedTarget" ];
mouseBoundaryEvents.forEach((event) => {
target1.addEventListener(event, (e) => {
let correspondingPointerEv = receivedPointerBoundaryEvents[mouseEvent2pointerEvent[event]];
ok(correspondingPointerEv, "Should receive " + mouseEvent2pointerEvent[event] + " before " + e.type);
if (correspondingPointerEv) {
attributes.forEach((attr) => {
ok(correspondingPointerEv[attr] == e[attr],
attr + " of " + e.type + " should be the same as the correcponding pointer event expect " +
correspondingPointerEv[attr] + " got " + e[attr]);
});
}
receivedPointerBoundaryEvents[mouseEvent2pointerEvent[event]] = null;
}, {once: true});
});
target0.addEventListener("pointerdown" , (e) => {
target1.setPointerCapture(e.pointerId);
});
done.addEventListener("mouseup" , () => {
SimpleTest.finish();
});
let source = MouseEvent.MOZ_SOURCE_MOUSE;
synthesizeMouse(target0, 5, 5, { type: "mousemove" , inputSource: source },
iframe .contentWindow);
synthesizeMouse(target0, 5, 5, { type: "mousedown" , inputSource: source },
iframe .contentWindow);
synthesizeMouse(target0, 5, 5, { type: "mousemove" , inputSource: source },
iframe .contentWindow);
synthesizeMouse(target0, 5, 5, { type: "mouseup" , inputSource: source },
iframe .contentWindow);
synthesizeMouse(target0, 5, 5, { type: "mousemove" , inputSource: source },
iframe .contentWindow);
synthesizeMouse(done, 5, 5, { type: "mousedown" , inputSource: source },
iframe .contentWindow);
synthesizeMouse(done, 5, 5, { type: "mouseup" , inputSource: source },
iframe .contentWindow);
}
SimpleTest.waitForFocus(runTests);
</script >
</body >
</html >
Messung V0.5 in Prozent C=90 H=94 G=91
¤ Dauer der Verarbeitung: 0.1 Sekunden
(vorverarbeitet am 2026-04-26)
¤
*© Formatika GbR, Deutschland