jquery - .blur 和 .onblur 在 chrome 中

Question

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

没有小提琴，因为它的浏览器特定

/* 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(){
};