| 解 説 |
クリックされたら一度だけテキストエリアの内容を消すにはtextareaタグのvalueと初期表示文字を同じものにしておきます。クリックされたかどうかはonClickまたはonMousedownで検知します。textareaタグのvalueと初期表示文字(defaultValue)を比較し一致したらテキストエリアの内容を消します。（正確には初期表示文字と同じ文字を入力してからクリックすると内容が消えてしまいます）
|
| コード |
<![CDATA[
<html>
<head>
<title>クリックされたら一度だけテキストエリアの内容を消す</title>
<script language="JavaScript">
<!--
function eraseTA(obj){
if (obj.value == obj.defaultValue) obj.value = "";
}
// --></script>
</head>
<body>
<form>
<textarea rows="5" value="クリックすると内容が消えます。" onMousedown="eraseTA(this)">クリックすると内容が消えます。</textarea>
<textarea rows="5" value="クリックすると内容が消えます。" onMousedown="eraseTA(this)">クリックすると内容が消えます。</textarea>
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
クリックされたら一度だけテキストエリアの内容を消す