use mousewheel to change focused "input[type=number], select"
This commit is contained in:
parent
0f394fa8d8
commit
7cd52261e6
15
js/dom.js
15
js/dom.js
|
@ -91,6 +91,21 @@ document.addEventListener('click', e => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
// update inputs on mousewheel when focused
|
||||||
|
document.addEventListener('wheel', event => {
|
||||||
|
const el = document.activeElement;
|
||||||
|
if (!el || el !== event.target && !el.contains(event.target)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (el.tagName === 'SELECT') {
|
||||||
|
el.selectedIndex = Math.max(0, Math.min(el.length - 1, el.selectedIndex + Math.sign(event.deltaY)));
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
event.stopImmediatePropagation();
|
||||||
|
}, {
|
||||||
|
capture: true,
|
||||||
|
passive: false,
|
||||||
|
});
|
||||||
|
|
||||||
function onDOMready() {
|
function onDOMready() {
|
||||||
if (document.readyState !== 'loading') {
|
if (document.readyState !== 'loading') {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user