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." />

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

有没有办法检测鼠标滚轮的向上/向下滚动并更改text-indent？

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

如果这适用于触摸屏设备也很好。

jsFiddle

1. 如果文本隐藏（长于输入宽度+填充+边框），它只需要文本缩进
2. 使其不可能滚动太多并且文本完全隐藏。

Answer 1

您可以使用 jquery 鼠标滚轮事件。你可以使用这个插件来上下鼠标滚轮

$("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;
 });