单击反应时占位符文本消失 - Javascript

在Web开发中，经常需要在输入框中设置占位符文本，以提示用户输入内容。但当用户单击输入框时，占位符文本就会消失，为了实现这一功能，我们可以使用Javascript编写一段代码。

代码实现

使用HTML和CSS创建一个输入框，并设置占位符文本：

<input type="text" id="input" placeholder="请输入内容">

然后，使用Javascript编写如下代码，当用户单击输入框时，就会自动清除占位符文本：

var input = document.getElementById('input');
input.addEventListener('click', function() {
  this.placeholder = '';
});

以上代码使用addEventListener方法为输入框添加了一个click事件监听器，在事件处理程序中，将占位符文本设置为空。

如果你想在输入框失去焦点时恢复占位符文本，可以再添加一个blur事件监听器：

input.addEventListener('blur', function() {
  this.placeholder = '请输入内容';
});

总结

以上就是单击反应时占位符文本消失的Javascript实现方式。通过监听输入框的click和blur事件，可以轻松实现这一功能。