文本未清除onClick(创建动态textarea)

时间:2012-04-20 04:05:57

标签: javascript jquery

我正在尝试清除文本,当用户点击文本输入控件时如下所示,但它没有发生......下面是代码

 var generate_message = $("<textarea onclick='if (this.value == 'Enter message here...') this.value = '''  rows='5' cols='45' id='comment'>Enter message here...</textarea>");            

2 个答案:

答案 0 :(得分:1)

你不能在html和javascript中使用单引号。它会导致浏览器渲染器混淆

通常,我将单引号和双引号分开使用。我使用html的双引号和javascript的单引号

见下面的例子

<textarea onclick="if (this.value == 'Enter message here...') this.value = ''"  rows="5" cols="45" id="comment">Enter message here...</textarea>​​​​​​​​​​​​​​​​​​​​
  • 添加小提琴

请参阅Fiddle示例

  • UPDATE 我刚才意识到你有$(“...”)所以我建议你可以通过放置\
  • 来逃避单引号

请参阅更新的小提琴here

答案 1 :(得分:1)

我想以unobtrusive的方式做到这一点

$(function(){
    $(document).on("focus","#comment",function(){
    if($(this).val()=="Enter message here...")
       $(this).val("")   
    });        
});

以下是示例http://jsfiddle.net/8UjkA/11/