是否有可能写的onfocus /引发LostFocus处理程序使用JS或jQuery的一个DIV？(

我有一个div，当用户点击的div函数被调用。 而当用户点击别的东西（东西以外这个div），另一个函数被调用。

所以基本上我需要有与此相关的DIV的onfocus（）和LostFocus（）函数调用。 它是可在JavaScript中，甚至在jQuery的？

谢谢。

Answer 1:

在这里，我创造了你想要什么工作演示http://jsfiddle.net/kPbfL/1/

您需要添加tabindex属性div ：

标记：

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

使用Javascript

$("#mydiv").focusin(function() {
  $("#mydiv").css("background","red");
});
$("#mydiv").focusout(function() {
  $("#mydiv").css("background","white");
});

CSS

#mydiv{
width : 50px;
    height:50px;
    border : 1px solid red;
}​
​

Answer 2:

重点不上工作DIV ： http://api.jquery.com/focus/

也很好看： jQuery的：重点DIV不工作

If you want to focus a div or anything normally can't be focused, set the tag's tabindex to -1 first.
eg: $("div#header").attr("tabindex",-1).focus();

Answer 3:

不知道这个解决方案适合您的网页，但你可以在使用JQuery（）附加一个单击事件的身体元素，并将其委托给孩子div的。 然后在你的事件处理程序，检验id属性和处理这样; 就像是：

$(body).on("click", "div", function (evt) {
     if ($(this).attr("id") == "innerDiv") {
            handle inner div click here
     } else {
            hanlde out div click here
     {
}

希望这可以帮助...

Answer 4:

当然。

$("#your-div-id").focusin(function() {
    // code here
});

$("#your-div-id").focusout(function() {
    // code here
});

文章来源: Is it possible to write onFocus/lostFocus handler for a DIV using JS or jQuery?