javascript -
实现placeholder效果？

Question

{代码...} {代码...} 问题描述我这样实现的话，当鼠标聚焦到div标签的时候，确实能将innerHTML清空，但是removeEventListener却无法产生效果。也就是说每次重新聚焦到div标签时候，上次的输入都会清除。 我的目的...

大家讲道理 · Answer

<pre class='brush:php;toolbar:false;'><code><!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>
<p class="con" contenteditable="true" placeholder="Leave a comment"></p>
<script>
</script>
</body>
</html></code></pre>

阿神 · Answer

你一个是元素上的onclick事件，一个是js动态绑定事件，不能混用啊！

迷茫 · Answer

function handleComment() {
    var e = document.getElementById("comment");
    e.innerHTML = "";
    e.onclick = undefined;
  //e.removeEventListener('click', handleComment, false);
}

因为removeEventListener只能remove，用addEventListener加上去的事件，直接定义在属性onclick上的handler是无效的。

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

请问这是什么原因呢？