library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add mouse wheel listener to numbercontrollerbox

Browse Source
This commit is contained in:
Lucas Kellner 2019-04-27 22:43:20 -04:00
parent c2edd82e39
commit f57c548ffe
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/dat/controllers/NumberControllerBox.js
View File

@ -42,6 +42,8 @@ class NumberControllerBox extends NumberController {
const _this = this; const _this = this;
const mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? 'DOMMouseScroll' : 'mousewheel';
/** /**
* {Number} Previous mouse y position * {Number} Previous mouse y position
* @ignore * @ignore
@ -84,6 +86,12 @@ class NumberControllerBox extends NumberController {
prevY = e.clientY; prevY = e.clientY;
} }
function onMouseWheel(e) {
e.preventDefault();
const direction = ((e.deltaY || -e.wheelDelta || e.detail) >> 10) || 1;
_this.setValue(_this.getValue() + direction * _this.__impliedStep);
}
this.__input = document.createElement('input'); this.__input = document.createElement('input');
this.__input.setAttribute('type', 'text'); this.__input.setAttribute('type', 'text');
@ -92,6 +100,7 @@ class NumberControllerBox extends NumberController {
dom.bind(this.__input, 'change', onChange); dom.bind(this.__input, 'change', onChange);
dom.bind(this.__input, 'blur', onBlur); dom.bind(this.__input, 'blur', onBlur);
dom.bind(this.__input, 'mousedown', onMouseDown); dom.bind(this.__input, 'mousedown', onMouseDown);
dom.bind(this.__input, mousewheelevt, onMouseWheel);
dom.bind(this.__input, 'keydown', function(e) { dom.bind(this.__input, 'keydown', function(e) {
// When pressing enter, you can be as precise as you want. // When pressing enter, you can be as precise as you want.
if (e.keyCode === 13) { if (e.keyCode === 13) {