为什么textarea的.focus（）和.blur（）无法正常工作

Question

我的表单中有一个textarea元素，如下所示。

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<form id="advertiseForm" name="advertiseForm"   method="post" >
<textarea rows="20" cols="70" name="textarea" id="textarea">Please enter additional information here...</textarea>

</form>
<script type="text/javascript" src="advertisementlandedvalidationatclient.js"></script>

</body>

然后我将.focus和.blur放到javascript文件中

advertisementlandedvalidationatclient.js

$("#textarea")
  .focus(function() {
        if (txt == null) return;
        if (txt.value == "Please enter additional information here...") txt.value = '';

  })
  .blur(function() {
        if (txt == null) return;
        if (txt.value == '') txt.value = "Please enter additional information here...";

});

当我单击鼠标或从文本区域中删除鼠标时， "Please enter additional information here..."不会切换（显示/消失）。

我在此链接中尝试了另一种方法，该方法有效，该方法需要功能SetMsg需要在textarea之上。 我不喜欢这种方法，因为我想将HTML和Javascript代码分离到单独的文件中，并且由于某些其他因素，我需要

<script type="text/javascript" src="advertisementlandedvalidationatclient.js"></script> below the form.

为什么在第一个.focus / .blur方法中不起作用，什么是最佳方法？ 谢谢

Answer 1

您可以对输入元素使用placholder属性

<textarea rows="20" cols="70" name="textarea" id="textarea" placeholder="Please enter additional information here..."></textarea>

如果您确实希望使用jQuery做到这一点，则可以将代码修复为：

$("#textarea")
.focus(function() {
    if ($("#textarea").val() == null) return;
    if ($("#textarea").val() == "Please enter additional information here...") $("#textarea").val('');
})
.blur(function() {
    if ($("#textarea").val() == null) return;
    if ($("#textarea").val() == '') $("#textarea").val('Please enter additional information here...');
});

为什么textarea的.focus（）和.blur（）无法正常工作

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-01-03 12:01:03

为什么textarea的.focus（）和.blur（）无法正常工作

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-01-03 12:01:03

解决方案1
2 已采纳 2016-01-03 12:01:03