2012-07-20 71 views
2

更新不起作用--- http://jsfiddle.net/xvepL/4/駕駛我有點堅果! Chrome並沒有使用.blur只適用於.onblur,但其他瀏覽器使用.blur有沒有辦法解決這個問題?這兩種方式在選擇列表上都不起作用?.blur和.onblur在鉻

NO小提琴具體

/* 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; 
    } 
    }); 
+0

只是試圖在Chrome中的片段,沒有工作,直到我將其更改爲'blur'取代'onblur'假設jQuery是返回一個標準的''元素? – sellmeadog 2012-07-20 22:04:15

+0

爲什麼不使用'.change()'函數? – 2012-07-20 22:05:00

+0

另外,'onblur'不正確。它應該到處都是「模糊」。 – 2012-07-20 22:07:30

回答

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(){ 
}; 
+1

我也做了一個演示,這裏是原始輸出;在Chrome中運行它,並按預期工作:http://fiddle.jshell.net/sellmeadog/kNtMD/show/light/ – sellmeadog 2012-07-20 22:09:32

+0

即使在選擇列表中? – david 2012-07-20 22:18:48

+0

@david:Yup,在'