javascript - jquery: div の子要素のフォーカスとぼかしの境界線の描画と消去

Question

多くの（5つ以上）子要素を持つことができるdivがあります（ほとんどはdiv、tableおよびimgです）。jquery.cssユーザーがそのdivの子要素をクリックしたときに、境界線を（メソッドなどで）描画したい。のようなもので簡単に行うことができます

$div.click(function() {
    //drawing frame here
});

外側をクリックしてフレームを削除するのははるかに困難です。もちろん、他の div または body によってスローされたクリックイベントの選択解除を処理できます。しかし...もっとエレガントな解決策があるのではないでしょうか?

前もって感謝します！

score 3 · Accepted Answer

.on('focusin')および.on('focusout')イベントを使用してそれを処理してみてください。

詳細: focusin、focusout、および.on() ;

score 1 · Accepted Answer

例: HTML:

<div id="test">
    <div><p>Hallo</p></<div>
        <img src="not found" alt="not found">
    </div>

JS:

$('#test').on('click', '*', function(){

    $(this).css('border', '1px solid red');
return false;
});

2 に答える 2