如何将滚动事件附加到文本输入？

Question

我正在尝试将滚动事件附加到文本输入，这样当您向上滚动时，在文本框被聚焦时，它会增加其中的数字，当您向下滚动时，它会减少其中的数字。如果它为空或NaN，则应将其替换为0并继续。

我已设法将其关闭touchmove并点击 - 和 - drag，但由于某种原因，滚动事件未附加到文本框。

http://jsfiddle.net/KBKA7/

$('input').scroll(function(event) {
    $('div').append('scrolled1');
});

$('input').add('.scrollable').on('scroll', function(event) {
    $('div').append('scrolled2');
});

没有发生任何事件。

Answer 1

这是因为<input type="text">无法滚动。

您是否尝试过使用textarea？它工作正常。

Demo

Answer 2

jQuery Mouse Wheel Plugin

$('input').mousewheel(function(event) {
    $('div').append('scrolled ');
});

http://jsfiddle.net/KBKA7/2/