為什么單擊div時觸發聚焦事件

Question

我有一個用作文本框的div

<div class="field-wrapper">
     Name
     <div id="name" class="name" tabindex="-1">
         Enter a name
     </div>

我想檢測div文本框的焦點和焦點不集中事件。

$('.name').focus(function() {
    console.log("focused")
});

$('.name').focusout(function() {
    console.log("unfocused");
});

但是，每當我單擊div時，都會觸發focus和focusout事件。 為什么會這樣？

Answer 1

您的代碼似乎運行正常。 這是小提琴，假設您將其包裝在准備就緒的dom中：

$(function(){
   $('.name').focus(function() {
    console.log("focused")
   });

  $('.name').focusout(function() {
    console.log("unfocused");
  });
});

http://jsfiddle.net/BkJLn/

Answer 2

一旦禁用了應用於div元素的jEditable，問題就消失了。 因此，當元素被聚焦時，jEditable似乎以某種方式調用了focusout事件。

就是說，我使用focus和focusout主要目的是捕獲用戶輸入的任何更改，我應該使用jeditable的功能來完成。