JavaScript：テキストボックスの上にマウスホイールイベントが発生しません

Question

私はいくつかの助けが必要です。私はマウスホイールイベントにバインドしようとしています。私はこれをうまくやっています。しかし、私が期待したように何かがうまく動かない。 入力を超えると、イベントは発生しません。

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

Answer 1

このイベントは全面的にサポートされていません。何かの前にホイールホイールcompatibility tableを確認してください。興味深いのは、jQuery didn't implementedのようなjavaScriptライブラリがこの特定のイベントのラッパーであることです。あなたはjQueryの人々を使用する予定がある場合は、この用のプラグインをビルドする：

• Mouse Wheel Plugin

UPDATE

をあなたはそれらの例を少し変更する必要があります。ここでは、これは、入力フィールドの使用のvalについて

$(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> 

に動作します（）テキストの代わりに（）。