0

HTML上で要素にカーソルを合わせながら要素を選択するにはどうすればよいですか。divまたはその子にカーソルを合わせると、それを制御する必要があります。その周りに境界線を表示したいと思います。私のコードは

jQuery(document).ready(function(){
    $(window).bind('mousemove', function(e) {
        current_id = $(e.target).attr('id');
        jQuery('#'+current_id).css('border','2px solid yellow');        
    });
});

ただし、このコードを使用すると、特定のdivにカーソルを合わせるかどうかを制御できますが、div内にカーソルを合わせても境界線を表示でき、そのdivに子が含まれている場合は、カーソルを合わせるよりも境界線を表示できます。その親div。

4

2 に答える 2

2

ページ上の任意の要素に境界線を表示したいだけの場合は、おそらくJSなしで、CSSのみでそれを行うことができます。

*:hover {
    border: 2px solid yellow;
}

（デバッグの目的では、outline代わりに使用することをお勧めしますborder）

于 2013-03-02T10:16:39.820 に答える
0

すべての要素でhoverイベントを使用します。div適用したスタイルを簡単に適用および削除するための新しいクラスを作成しました。このスタイルを入力要素または例のスパンに適用する必要がある場合は、セレクターをさらに追加することもできます。

$('div, span, input').on('hover', ...);

<style>
    .myBorder{
        border : 2px solid yellow;
    }
</style>

$('div').on('hover', 
    function(e) {
        $(this).addClass('myBorder');
    },
    function(e){
        $(this).removeClass('myBorder');
    }
);
于 2013-03-02T10:14:44.467 に答える