以下に示すように、ユーザーがテキスト入力コントロールをクリックしたときにテキストをクリアしようとしていますが、発生していません...以下はコードです
var generate_message = $("<textarea onclick='if (this.value == 'Enter message here...') this.value = ''' rows='5' cols='45' id='comment'>Enter message here...</textarea>");
以下に示すように、ユーザーがテキスト入力コントロールをクリックしたときにテキストをクリアしようとしていますが、発生していません...以下はコードです
var generate_message = $("<textarea onclick='if (this.value == 'Enter message here...') this.value = ''' rows='5' cols='45' id='comment'>Enter message here...</textarea>");
htmlおよびjavascriptで一重引用符を使用することはできません。ブラウザレンダラーで混乱を引き起こします
通常、私は一重引用符と二重引用符の使用を分けています。HTMLには二重引用符を使用し、JavaScriptには一重引用符を使用します
以下の例を参照してください
<textarea onclick="if (this.value == 'Enter message here...') this.value = ''" rows="5" cols="45" id="comment">Enter message here...</textarea>
フィドルの例を参照してください
ここで更新されたフィドルを参照してください
目立たない方法でやりたい
$(function(){
$(document).on("focus","#comment",function(){
if($(this).val()=="Enter message here...")
$(this).val("")
});
});