Có thể viết trên trình xử lý Focus/lostFocus cho DIV bằng JS hay jQuery không?

Question

Tôi có một div và khi người dùng nhấp vào div một chức năng nên được gọi. Và khi người dùng nhấp vào một cái gì đó khác (bất cứ điều gì khác hơn div này) một chức năng khác nên được gọi.

Vì vậy, về cơ bản tôi cần có các cuộc gọi hàm onFocus() và lostFocus() được liên kết với DIV này. Nó có sẵn trong JavaScript hay thậm chí trong jQuery không?

Cảm ơn.

Answer 1

Ở đây tôi tạo ra một bản demo làm việc của những gì bạn muốn http://jsfiddle.net/kPbfL/1/

Bạn cần phải thêm tabindex thuộc tính để div:

Markup :

<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

Focus không làm việc trên DIV: http://api.jquery.com/focus/

cũng tốt đọc: jquery : focus to div is not working

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

chắc.

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

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

Answer 4

Không chắc chắn nếu giải pháp này phù hợp với trang web của bạn, nhưng bạn có thể sử dụng JQuery on() để đính kèm sự kiện nhấp vào phần tử nội dung và ủy quyền cho phần tử con. Sau đó, trong trình xử lý sự kiện của bạn, hãy kiểm tra thuộc tính id và xử lý như vậy; cái gì đó như:

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

Hope this helps ...