<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标签的时候清空标签内的内容。请问这是什么原因呢？
1 回答
aluckdog
TA贡献1847条经验 获得超7个赞
<!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>
添加回答
举报
0/150
提交
取消