57 lines
1.6 KiB
HTML
57 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="help" href="http://www.w3.org/TR/DOM-Level-3-Events/#events-WheelEvent">
|
|
<script src="../../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
function runTest() {
|
|
var div = document.getElementById('target');
|
|
div.addEventListener('wheel', wheelHandler);
|
|
div.addEventListener('mousewheel', mouseWheelHandler);
|
|
if (window.eventSender) {
|
|
eventSender.mouseMoveTo(div.offsetLeft + 5, div.offsetTop + 5);
|
|
eventSender.mouseScrollBy(10, 20);
|
|
} else {
|
|
debug("FAIL: This test requires window.eventSender.");
|
|
finishJSTest();
|
|
}
|
|
}
|
|
|
|
var testEvent;
|
|
function wheelHandler(e) {
|
|
testEvent = e;
|
|
testPassed("Standard wheel event was fired.");
|
|
shouldBe("testEvent.__proto__", "WheelEvent.prototype");
|
|
|
|
setTimeout(finishJSTest, 100);
|
|
}
|
|
|
|
function mouseWheelHandler(e) {
|
|
testFailed("mousewheel event should not have fired.");
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<span id="parent">
|
|
<div id="target" style="border:solid 1px green; width:220px; height:70px; overflow:scroll">
|
|
TOP TOP TOP TOP TOP TOP TOP
|
|
Scroll mouse wheel over here
|
|
Scroll mouse wheel over here
|
|
Scroll mouse wheel over here
|
|
Scroll mouse wheel over here
|
|
Scroll mouse wheel over here
|
|
Scroll mouse wheel over here
|
|
END END END END END END END
|
|
</div>
|
|
</span>
|
|
<script>
|
|
description("Tests the interaction between the standard 'wheel' event and the non-standard 'mousewheel' one");
|
|
window.jsTestIsAsync = true;
|
|
|
|
runTest();
|
|
</script>
|
|
<script src="../../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|