2

更新が機能していません--- 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;
    }
  });
4

1 に答える 1

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;
    }
});

デモ: http://jsfiddle.net/xvepL/2/ (Chrome で正常に動作)

注:は、 jQuery オブジェクトではなく.onblurDOM 要素を扱っている場合のプロパティの名前です。

document.getElementsByClassName('searchbox').onblur = function(){
};
于 2012-07-20T22:07:06.733 に答える