Question

我有一个搜索文本框。出于某种原因，.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>

Answer 1

像戴夫说的那样，试试这个：

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

Answer 2

也许只是使用非jquery做事的方式？

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

如果文本框为空，则将文本框返回到defaultvalue

2 个答案: