Question

我知道其他人已经问过这件事。我尝试过其他人推荐的解决方案，但似乎没有用。

这是我的代码：

<!DOCTYPE HTML>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type='text/javascript'>
$('input:text').focus(
    function(){
        $(this).val('');
});
</script>
</head>
<body>
<form>
<input type="text" value="Text">
</form>
</body>
</html>

Answer 1

你的问题是，当jQuery代码运行时，html还没有。因此，您只需在加载页面时运行jQuery，或者在<body>结束标记之前发布该脚本。

选项1 （向yor函数添加DOM就绪调用）：

$(document).ready(function() {
    $('input:text').focus(function() {
        $(this).val("");
    });
});

选项2 （在关闭正文标记之前添加<script>）

<!DOCTYPE HTML>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<form>
<input type="text" value="Text">
</form>
<script type='text/javascript'>
$('input:text').focus(
    function(){
        $(this).val('');
});
</script>
</body>
</html>

Answer 2

你想要做更多的事情

$(function() {
    $('input:text').focus(function() {
        $(this).val("");
    });
});

没有$(function() {...你可能在加载之前尝试触发jQuery。

删除输入字段jQuery的内容

2 个答案: