<div contentEditable="true" onclick=""></div>实现
<div contenteditable="true" id="comment" onclick="handleComment()">Leave a comment</div>
function handleComment() { var e = document.getElementById("comment");
e.innerHTML = "";
e.removeEventListener('click', handleComment, false);
}问题描述
我这样实现的话，当鼠标聚焦到div标签的时候，确实能将innerHTML清空，但是removeEventListener却无法产生效果。也就是说每次重新聚焦到div标签时候，上次的输入都会清除。
我的目的只是想让第一次聚焦到div标签的时候清空标签内的内容。
请问这是什么原因呢？
明月笑刀无情浏览 502回答 1
1回答
-
aluckdog
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title></title><style>.con{ width:300px; height:100px; border:1px solid gray;}.con:empty:before{ content:attr(placeholder); font-size: 16px; color: #999;}.con:focus:before{ content:none;}</style></head><body><div class="con" contenteditable="true" placeholder="Leave a comment"></div><script></script></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript