javascript - 如果输入有带有文本缩进的隐藏文本，jquery 滚动鼠标滚轮

Question

我有

<input type="text" readonly="readonly" style="width: 50px" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus viverra ullamcorper tellus, in varius erat mollis in. Suspendisse condimentum turpis sit amet tortor bibendum cursus lobortis enim posuere." />

文本比输入宽度长，查看此文本的唯一方法是选择隐藏的文本。

有没有办法检测鼠标滚轮向上/向下滚动并更改文本缩进？

我不希望这影响选择文本的能力，例如我想复制/粘贴单个单词“Phasellus”。

如果这适用于触摸屏设备，那就太好了。

jsFiddle

1. 如果文本隐藏(长于输入宽度+内边距+边框)，则仅需要对文本进行文本缩进
2. 使滚动次数不可能过多，并且文本会完全隐藏。

Answer 1

您可以使用 jquery mousewheel 事件。您可以使用this鼠标滚轮上下移动的插件

$("input").on('mousewheel', function(event, delta) {
        var dir = delta > 0 ? 'Up' : 'Down',
            vel = Math.abs(delta);
        $(this).text(dir + ' at a velocity of ' + vel);
        return false;
 });