javascriptイベント処理

Question

ログイン用のWebフォームを構築しています。私は通常はないいくつかの機能を追加することに決めました。しかし、私はそれらがすべてのインスタンスで動作するように見えることはできません。それでは、私の問題です。

フォーム上で、各入力を進めるにつれて、ページの横にあるJavaScriptボックスがスクロールダウンし、入力内容、つまり入力できる内容、残っている文字の数が通知されます。

私はonfocusとonblurイベントハンドラを使うことができるので、テキストボックスでうまく動作します。しかし、例えば、複数のチェックボックスを持つdivに到達すると、ボックスがその内容を知らせる前にオプションを選択する必要があるため、上記のイベントハンドラを入力ごとに正確に使用することはできません。

Iveはdiv全体に対してonMouseOverイベントハンドラとonMouseOutイベントハンドラを使用しようとしましたが、流動的に機能しません。

どのようなご提案ですか？たぶん、ユーザーがカーソルを画面の特定の部分に置くと、機能を有効にする方法はありますか？

希望このメイク感覚、 おかげ

Answer 1

少しを作ることができますか？アイコンやその隣に何かを置いて、そのイベントをアタッチしてください。

...とにかくあなたは正しいと思いますか？いくつかのコードを投稿...例えば、これはちょうどfine..when私は第二のチェックボックスの上にマウスを置く、私はあなたがまだのために、私が思うのチェックボックスにフォーカス/ぼかしイベントを持っている必要があり、アラート

<form> 
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /> 
<input onmouseover="alert('test');" type="checkbox" name="vehicle" value="Car" /> I have a car 
</form> 

Answer 2

を取得する作品キーボードを使っている人。

jsフレームワークで作業していますか？

$(function() { 
    $(".div_around_the_checkboxes").hover(function() { 
     // show 
    }, 
    function() { 
     // hide 
    }); 
});