chrome中的.blur和.onblur

时间:2012-07-20 22:00:38

标签: jquery

更新不工作--- 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;
    }
  });

1 个答案:

答案 0 :(得分:2)

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

DEMO:http://jsfiddle.net/xvepL/2/(在Chrome中运行正常)

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

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