用js代码写 点击搜索框 默认文本消失 鼠标移开默认文本显示
时间: 2023-08-18 18:06:58 浏览: 50
可以使用以下代码实现:
HTML:
```
<input type="text" id="searchBox" value="搜索">
```
JavaScript:
```
var searchBox = document.getElementById("searchBox");
searchBox.addEventListener("focus", function() {
if (searchBox.value == "搜索") {
searchBox.value = "";
}
});
searchBox.addEventListener("blur", function() {
if (searchBox.value == "") {
searchBox.value = "搜索";
}
});
```
以上代码中,我们首先获取了 ID 为 "searchBox" 的 input 元素,然后分别为其添加了 focus 和 blur 事件监听器。当焦点移至搜索框时,如果搜索框中的值为默认文本 "搜索",则将其清空;当焦点移开搜索框时,如果搜索框中的值为空,则将其重置为默认文本 "搜索"。