jquery - chrome中的.blur和.onblur

更新无法正常工作--- 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;
    }
  });

最佳答案

$(".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(){
};