的jQuery .live「專注」事件

Question

我不知道這是鉻或jQuery的一個bug，或我誤解了.live功能的使用

$('.input_form input[type="radio"]').live({ 
    'change':function(){ 
     console.log("this is a radio button"); 
    } 
}); 

上面的代碼發送輸出在控制檯窗口中，當我在所有主要瀏覽器點擊帶班「input_form」單選按鈕

但是下面的代碼：

$('.input_form input[type="radio"]').live({ 
    'focus':function(){ 
     console.log("this is a radio button"); 
    } 
}); 

將輸出發送到控制檯窗口中的所有BR （谷歌瀏覽器除外）（012）

唯一的區別是我的事件觸發器從「更改」到「焦點」的更改。

任何人都可以點亮一下嗎？

Answer 1

檢查這個問題[1]，它表明焦點事件不會在Chrome和Safari瀏覽器中的單選按鈕上被觸發。

[1] https://stackoverflow.com/a/5744926/1317080

Answer 2

如果使用jQuery 1.7+你應該做的：

$(document).on({ 
    change: function(){ 
     console.log("this is a radio button on change"); 
    }, 
    focus: function() { 
     console.log("this is a radio button on focus"); 
    } 
}, '.input_form input[type="radio"]'); 

如果仍在使用的活，而不是需要一個地圖，做：

$('.input_form input[type="radio"]').live('focus', function(){ 
    console.log("this is a radio button"); 
}); 

或與地圖：

$('.input_form input[type="radio"]').live({ 
    focus: function(){ 
     console.log("this is a radio button"); 
    } 
}); 

只有在使用標籤頁的情況下，webkit的焦點不會自動指向單擊按鈕上的單選按鈕。 但是，您可以將焦點設置到元素，都不過你爲什麼會做這種方式我是無法理解的，但它是可能的：

$(document).on({ 
    click: function(){ 
     console.log("this is a radio button on click"); 
     $(this).focus(); 
    }, 
    focus: function() { 
     console.log("this is a radio button on focus"); 
    } 
}, '.input_form input[type="radio"]'); 

FIDDLE

Answer 3

林不知道，但認爲你將不得不使用focusin而不是focus。

$('.input_form input[type="radio"]').live({ 
    'focusin': function(){ 
     console.log("this is a radio button"); 
    } 
}); 

至少前段時間focusin是處理live和focus爲標準化事件。

而且blur被稱爲focus out

---

注：

時，或內部的任何元素，獲得焦點的focusIn事件被髮送到一個元素。這與焦點事件有所不同，因爲它支持在父元素上檢測焦點事件（換句話說，它支持事件冒泡）。