Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 8 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /dom/events/passive-by-default.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Default passive event listeners on window, document, document element, body</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<div id="div"></div>
<script>
function isListenerPassive(eventName, eventTarget, passive, expectPassive) {
test(() => {
let defaultPrevented = null;
let handler = event => {
event.preventDefault();
defaultPrevented = event.defaultPrevented;
eventTarget.removeEventListener(eventName, handler);
};
if (passive === 'omitted') {
eventTarget.addEventListener(eventName, handler);
} else {
eventTarget.addEventListener(eventName, handler, {passive});
}
let dispatchEventReturnValue = eventTarget.dispatchEvent(new Event(eventName, {cancelable: true}));
assert_equals(defaultPrevented, !expectPassive, 'defaultPrevented');
assert_equals(dispatchEventReturnValue, expectPassive, 'dispatchEvent() return value');
}, `${eventName} listener is ${expectPassive ? '' : 'non-'}passive ${passive === 'omitted' ? 'by default' : `with {passive:${passive}}`} for ${eventTarget.constructor.name}`);
}
const eventNames = {
touchstart: true,
touchmove: true,
wheel: true,
mousewheel: true,
touchend: false
};
const passiveEventTargets = [window, document, document.documentElement, document.body];
const div = document.getElementById('div');
for (const eventName in eventNames) {
for (const eventTarget of passiveEventTargets) {
isListenerPassive(eventName, eventTarget, 'omitted', eventNames[eventName]);
isListenerPassive(eventName, eventTarget, undefined, eventNames[eventName]);
isListenerPassive(eventName, eventTarget, false, false);
isListenerPassive(eventName, eventTarget, true, true);
}
isListenerPassive(eventName, div, 'omitted', false);
isListenerPassive(eventName, div, undefined, false);
isListenerPassive(eventName, div, false, false);
isListenerPassive(eventName, div, true, true);
}
</script>