javascript - jquery：在div的任何子元素上绘制和擦除焦点和模糊的边框

Question

我有一个 div，它可以有许多（不少于 5 个）子元素（主要是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

尝试在周围的 div上使用函数

示例：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