为一个文本框添加提示文本。当单击文本框时，里面的默认提示文字会隐藏，鼠标指针离开文本框，里面的文字会显示出来在JavaScript中

在JavaScript中，你可以通过监听`focus`和`blur`事件来实现在文本框上添加提示文本的功能。以下是简单的步骤：

1. 首先，在HTML中创建一个输入元素，并设置一个data属性来存储提示文本，例如:

<input type="text" id="txtInput" data-prompt="请输入内容">

2. 使用JavaScript获取这个文本框并为其添加事件处理函数：

var txtInput = document.getElementById('txtInput');

// 当用户点击文本框时
txtInput.addEventListener('focus', function() {
    // 移除提示文本
    this.placeholder = '';
});

// 当用户将鼠标移出文本框时
txtInput.addEventListener('blur', function() {
    // 如果输入框为空，显示提示文本
    if (this.value === '') {
        this.placeholder = this.getAttribute('data-prompt');
    }
});

在这个例子中，当你单击文本框时（即聚焦），它的`placeholder`属性会被清空，隐藏默认提示。当鼠标指针离开文本框（即失去焦点），如果输入框没有内容，它会恢复到原始的提示文本。