jquery - Chrome 中的 .blur 和 .onblur

Question

更新后不起作用 --- http://jsfiddle.net/xvepL/4/让我有点抓狂! Chrome 不使用 .blur 仅适用于 .onblur，但其他浏览器使用 .blur 有没有办法解决这个问题？这两种方式都不适用于选择列表？

没有 fiddle 作为其浏览器特定

/* Big Search Box Leave */
    $(".searchbox").onblur(function() {
    var searchbox = this,
        searchbox_val = $.trim( this.value );
    if (searchbox_val.length > 0) {
        $(searchbox).addClass("blur");
        return true;
    } else {
        $(searchbox).removeClass("blur");
        return false;
    }
  });

Answer 1

$(".searchbox").onblur 不正确。 .onblur() 不是 jQuery 函数。另一方面，.blur()是。

$(".searchbox").blur(function () {
    var searchbox = this,
        searchbox_val = $.trim(this.value);
    if (searchbox_val.length > 0) {
        $(searchbox).addClass("blur");
        return true;
    } else {
        $(searchbox).removeClass("blur");
        return false;
    }
});

演示:http://jsfiddle.net/xvepL/2/ (在 Chrome 中运行良好)

注意:如果您处理的是 DOM 元素而不是 jQuery 对象，则 .onblur 是属性的名称。

document.getElementsByClassName('searchbox').onblur = function(){
};