2012-06-08 119 views
0

我有用於搜索的文本框。由於某些原因,.blur()將無法在我的電腦上運行。我創建了一個測試文件來測試它,它仍然無法工作:如果文本框爲空,則將文本框返回到defaultvalue

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Demo</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('#search').blur(function() { 
     alert('hello'); 
}); 
</script> 
</head> 
<body> 
<input id="search" value="hello" type="text" /> 
</body> 
</html> 
+1

也許你應該附加處理DOM元素後的DOM準備好... –

+0

我應該提到這一點,但在實際項目中它在mobileinit事件。另外,對於不改變標題感到抱歉。一旦我意識到.blur()不起作用,我做了示例,但忘了更改我的問題的標題。 –

回答

1

就像戴夫說,試試這個:

$(document).ready(function() { 
    $('#search').blur(function() { 
     alert('hello'); 
    }); 
}); 
0

也許只是用一種做事的非jquery的方式嗎?

document.getElementById("search").addEventListener('blur',function(){ 
    document.getElementById("search").value = "DEFAULT_VALUE"; 
}); 
+0

順便說一句:這需要DOM準備好,所以建議把它放在window.onload或body.onload事件中。像「和在腳本中: –

+0

function init(){... code ...} –

相關問題