From 7cd52261e696f658b4ddc7495f5a630b8c17a29f Mon Sep 17 00:00:00 2001 From: tophf Date: Sat, 1 Aug 2020 18:31:29 +0300 Subject: [PATCH] use mousewheel to change focused "input[type=number], select" --- js/dom.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/js/dom.js b/js/dom.js index 5b1d39b4..db9d9f0f 100644 --- a/js/dom.js +++ b/js/dom.js @@ -91,6 +91,21 @@ document.addEventListener('click', e => { 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() { if (document.readyState !== 'loading') {