Javascript/jQuery：为什么焦点事件没有在输入字段上触发？

Question

我试图通过.live() jQuery 方法将一个简单的焦点/模糊事件侦听器附加到我的输入，但我注意到focus 事件没有触发，而blur 事件是。

奇怪……希望你知道为什么会这样。

代码如下：

function rowHighlight() {
  var form = $('form.register'),
      ele = {};

      form.find('label').each(function(i) {
        var link = this.htmlFor;
        form.find('label[for='+link+'],input[name='+link+'],textarea[name='+link+']').wrapAll('<span class="row"/>');
      });

      ele.row = $('form > .row');
      ele.inputs = ele.row.find('input');


      $.each(ele.inputs, function(i) {
          $(this).focus(function() {
              console.log('hello'); // this will fire.
          });
        $(this).live('focus blur', function(e) {
            console.log('current event type: '+e.type); // the focus on this will not fire!?
            ( e.type=='focus' ? console.log('focussed') : console.log('blurred') )
        });
      });    
}
rowHighlight();

$(this).focus… 只是把它作为调试的东西，删除它不会使live 侦听器上的focus 工作......

任何帮助将不胜感激。

感谢您的光临。

詹尼斯

Answer 1

尝试更改此行：

$.each(ele.inputs, function(i) {

到这一行：

ele.inputs.each(function() {

说明：

在 jQuery 中有两种形式的each()。

遍历地图或数组：

$.each([1,2,3], function(index, value){

});

或，在迭代 jQuery 对象时：

$("a").each(function(){

});

http://api.jquery.com/jQuery.each/

$(this) 表示您仅在第二次使用时所期望的：

$("a").each(function(){
    $(this).remove();
});

实时与绑定：

$("a").click(someClickEventHandler);

... 将someClickEventHandler click 事件处理程序绑定到执行此操作时存在的每个a 标记。

$("a").live("click", someClickEventHandler);

... 将someClickEventHandler click 事件处理程序绑定到执行此操作时存在的每个a 标记，并且它还将someClickEventHandler click 事件处理程序绑定到将存在的每个a 事件。例如，如果 a 标记是从 Ajax 响应创建的，则将自动绑定事件处理程序。