Javascript 如果文本框为空，则将文本框返回默认值_Javascript_Jquery_Html

Javascript 如果文本框为空，则将文本框返回默认值

javascript jquery html

Javascript 如果文本框为空，则将文本框返回默认值,javascript,jquery,html,Javascript,Jquery,Html,我有一个用于搜索的文本框。由于某些原因，.blur（）无法在我的计算机上工作。我创建了一个测试文件来测试它，但它仍然无法工作： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.mi

我有一个用于搜索的文本框。由于某些原因，.blur（）无法在我的计算机上工作。我创建了一个测试文件来测试它，但它仍然无法工作：

<!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>


演示
$（'#search'）.blur（函数（）{
警惕（“你好”）；
});

就像Dave说的，试试这个：

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

也许只是用一种非jquery的方式做事情

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

也许您应该在DOM就绪后将处理程序附加到DOM元素……我应该提到这一点，但在实际项目中，它在mobileinit事件中。另外，很抱歉没有更改标题。当我意识到.blur（）不起作用时，我制作了这个示例，但忘记了更改我问题的标题。顺便说一句：这需要DOM准备就绪，所以建议将它放在window.onload或body.onload事件中。比如“在脚本中：