0

私は持っている

<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」という単語をコピーして貼り付けたいと思っていました。

これがタッチスクリーンデバイスで機能する場合も良いでしょう。

jsフィドル

  1. テキストが非表示の場合 (入力幅 + パディング + 境界線よりも長い場合) にのみテキストをインデントする必要があります。
  2. スクロールしすぎるとテキストが完全に隠れてしまうのを防ぎます。
4

1 に答える 1

3

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;
 });
于 2012-10-11T19:45:54.047 に答える