jquery - 如何聚焦div？

Question

请不要向我扔石头，因为我是 js 和 jquery 的新手。是否可以聚焦一个div？我只想在单击 div 或聚焦以及单击 div 外部时处理事件。像这样的东西：

HTML：

<div id="focusedDiv"></div>

JS：

    $("#focusedDiv").focus(function () {
        ....
    });

    $("#focusedDiv").focusout(function () {
        ....        
    });

提前致谢！

Answer 1

您必须设置 tabindex 属性：

http://jsfiddle.net/QAkGV/

<div id="focusedDiv" tabindex="-1"></div>

或者：

$("#focusedDiv").attr('tabindex',-1).focus(function () {
        ....
    });

对于样式，您也可以设置大纲 CSS 属性：

$("#focusedDiv").css('outline',0).attr('tabindex',-1).focus(function () {
        ....
    });