javascript - JavaScript：テキストボックス上にある間はMousewheelイベントは発生しません

Question

助けが必要です。JavaScriptからmousewheelイベントにバインドしようとしていますが、正常に実行できました。しかし、私が期待したように何かがうまく機能しません。入力を超えても、イベントは発生しません。

マウスホイールの入力のイベントにバインドしようとしましたが、同じことが起こり、イベントは発生しません。

Answer 1

このイベントは普遍的にサポートされていません。何よりもまず、マウスホイールの互換性テーブルを確認してください。私が興味深いと思うのは、jQueryのようなjavaScriptライブラリがこの特定のイベントのラッパーを実装していなかったことです。jQueryを使用する予定の場合、人々はこのためのプラグインを作成します。

• マウスホイールプラグイン

アップデート

あなたは彼らの例を少し修正する必要があります。ここで、これは機能します

$(document).ready( function(){
    $('#inputTest').bind('mousewheel', function(event, delta) {
        var dir = delta > 0 ? 'Up' : 'Down', vel = Math.abs(delta);
        $(this).val(dir + ' at a velocity of ' + vel);
        return false;
    });
});

HTMLコード

<form>
    <input type='text' name='inputTest' id='inputTest' />
</form>

入力フィールドには、text（）の代わりにval（）を使用します。