javascript - 单击时清除 标记中的默认文本

Question

用这个 fiddle :http://jsfiddle.net/2mw4c/12/

我希望能够清除 <p> 中的文本标记，然后开始打字。我遇到的问题是，当您单击时，<p>标签被清除，我无法输入内容。

JavaScript:

$("p").on("mousedown", function(e){
    if($(this).text() === "Click"){
        $(this).text("").focus();
    }
});

HTML:

<div class="content" contenteditable="true"><p>Click</p></div>

我需要做什么才能开始在标签中写入？

Answer 1

我不知道你到底想要实现什么，但当我将 contenteditable 移动到 p 元素时，它对我有用。

我从您的评论中得到的印象是您希望在标记中保留当前结构。由于 p 为空，div 似乎正在崩溃。我已经更新了我的 fiddle 链接。

http://jsfiddle.net/nyaray/2UJRS/2/