单击时查询清除输入字段
单击时查询清除输入字段
提问于 2012-02-21 05:32:41
我在Jquery http://jsfiddle.net/anderskitson/AtqHm/上发现了这段jsfiddle代码，它在jsfiddle上工作得很好，但是当我尝试在html文件中实现它时，它就不能工作了。我把它托管在http://anderskitson.ca/tests/javascript/clearOnHover.html上，我不知道为什么它不能工作，这是非常基本的设置。任何帮助都将不胜感激。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Rat Recipes</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
</head>
<body>
<div id="form">
<form method="post">
<input type="text" class="class-11" value="Enter Choice #11">
<input type="text" class="class-21" value="Enter Choice #21">
<input name="submit" type="submit" id="submit" class="submit button" value="Send feedback" />
</form>
<script>
$(document).ready(function() {
var default_val = '';
$('input[class^="class-"]').focus(function() {
if($(this).val() == $(this).data('default_val') || !$(this).data('default_val')) {
$(this).data('default_val', $(this).val());
$(this).val('');
}
});
$('input[class^="class-"]').blur(function() {
if ($(this).val() == '') $(this).val($(this).data('default_val'));
});
});
</script>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2012-02-21 05:40:40
看起来在ready()函数的末尾有一些无法识别的字符，这些字符没有出现在上面的代码片段中。当我将您的代码复制/粘贴到Notepad++中时，我看到一个"?“性格。删除会导致代码正常运行的代码
Stack Overflow用户
发布于 2012-02-21 05:38:59
我在Chrome的第29行得到了一个错误，这表明出于某种原因，在最后的if语句中缺少大括号的浏览器不太能容忍你。尝试：
if ($(this).val() == '') { $(this).val($(this).data('default_val')); }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9368717
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号