Skip to content

Instantly share code, notes, and snippets.

@NKid

NKid/wheel.js Secret

Last active August 21, 2020 08:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save NKid/95ae83b7eefdbc38e390 to your computer and use it in GitHub Desktop.
Save NKid/95ae83b7eefdbc38e390 to your computer and use it in GitHub Desktop.
select元件使用輪滾
function wheelSelect(event) {
event.preventDefault();
var intMax = event.target.options.length - 1;
var intIndex = event.target.selectedIndex;
var intNextIndex = 0;
if(event.detail > 0) {
//wheel down
if((intIndex + 1) <= intMax) intNextIndex = intIndex + 1;
else intNextIndex = 0;
} else {
//wheel up
if((intIndex - 1) >= 0) intNextIndex = intIndex - 1;
else intNextIndex = intMax;
}
event.target.options[intNextIndex].selected = true;
};
var sels = document.getElementsByTagName('select');
for(var i = 0; i < sels.length; i++) {
sels[i].addEventListener('DOMMouseScroll', wheelSelect, false);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment