javascript - 删除输入字段的内容jQuery

标签 javascript jquery click focus

我知道其他人也问过这个问题。 我也尝试过其他人推荐的解决方案,但似乎不起作用。

这是我的代码:

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

最佳答案

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

选项 1(向您的函数添加 DOM 就绪调用):

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

选项 2(在 body 标记结束之前添加 <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>

关于javascript - 删除输入字段的内容jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18446575/

相关文章:

javascript - Javascript (Jquery) 调用 MVC3 Controller/Action/ID 的 URL 路由问题,返回 404,应该获取 Json

javascript - 为什么我的 Ice Candidate 请求触发了 6 次而不是 1 次?

javascript - 输入字段验证和显示条件

php - 在JQuery中创建动态html表后,应用另一个JQuery(表排序器)

jquery - 在 express js 应用程序中正确包含 jquery mobile

javascript - 如何在一些不同元素之间切换类?

图像上的 jQuery 单击事件仅触发一次

android - 如何在多次单击 Button 时多次更改 TextView?

javascript - 如何知道用户输入的注册有效邮箱地址是否存在?

jQuery 点击 iframe 视频 (youtube)