gpt4 book ai didi

php - 使用 jQuery 单击时默认文本必须在文本区域中消失

转载 作者:行者123 更新时间:2023-11-28 16:06:29 25 4
gpt4 key购买 nike

这是我第一次使用 jQuery,我在理解如何在我的网站上实现它方面遇到了一些困难,尽管这是我试图完成的一项相对简单的任务。

我的目标是修改网站上现有的文本区域,以便显示默认消息,当客户单击文本区域输入其信息时,该消息会消失。本来我只是想使用html占位符属性,但由于某种原因它不起作用..(我使用的是IE 8)。所以现在我尝试使用向我建议的这个 jQuery 代码。

这是代码:

                    <textarea style="background: #F6E3CE; overflow:auto;" rows="3" cols="70" name="sComments" id="sComments" 
<script type="text/javascript"><?php
$("input#text").focus(function(){
if( $(this).val() == "default message" )
{
$(this).val("");
}
}).blur(function(){
if( $(this).val() == "" )
{
$(this).val("default message");
}
}); ?>
</script>
onchange="commentsChanged(this,<?php echo $pKey;?>);"><?php echo str_replace('\r\n', "\n", rtrim($variable1[0][aComments]));?></textarea>

如果我理解正确的话,我在代码开头引用了 jQuery 文件,如下所示:

<script language="JavaScript" src="../js/jquery-1.6.4.js"></script>

在最近的尝试中,网站的这一部分甚至无法打开。经过一些研究后,我仍然不确定我做错了什么。

谢谢。

编辑:下面的两个答案都非常好并且效果很好。 Tenhouse 的更“合适”,因为它将逻辑和格式分开,但 Chandrakant 对内联 JavaScript 的使用也同样有效,而且实际上我在我的网站上使用了它。

最佳答案

首先,您将 PHP 代码与 JavaScript 代码混合在一起,这是行不通的,因为它们没有直接关系。

其次,您必须将您的焦点/模糊监听器放入文档就绪函数中(这意味着它将在加载文档时加载)。

第三,我强烈建议您阅读一些有关 jQuery 基础知识的内容 - 您可以从以下内容开始: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

编辑:由于您似乎对所有事情都非常困惑,所以这里有一个完整的示例:

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var defaultMessage = "default message";
$("#myTextArea").focus(function(){
if( $(this).val() == defaultMessage){
$(this).val("");
}
}).blur(function(){
if( $(this).val() == "" ){
$(this).val(defaultMessage);
}
}).val(defaultMessage);
});
</script>
</head>
<body>
<textarea id="myTextArea"></textarea>
</body>
</html>

在上面的示例中,您还可以看到我使用了更新的 jQuery 版本 - 直接来自他们的服务器。

查看Chandrakant的其他答案:

我不同意将 JavaScript 部分直接放入元素中。这不是一个好的做法,因为您应该始终尝试拆分逻辑和格式。

关于php - 使用 jQuery 单击时默认文本必须在文本区域中消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14709301/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com