js,input获取焦点显示div
时间: 2023-10-08 19:10:14 浏览: 131
JavaScript 关于元素获取焦点(隐藏元素与div)
可以通过以下代码实现:
HTML代码:
```html
<input type="text" id="input" placeholder="输入内容" />
<div id="message" style="display: none;">提示信息</div>
```
JavaScript代码:
```javascript
const input = document.getElementById('input');
const message = document.getElementById('message');
input.addEventListener('focus', () => {
message.style.display = 'block';
});
input.addEventListener('blur', () => {
message.style.display = 'none';
});
```
当输入框获取焦点时,提示信息的div会显示出来;当输入框失去焦点时,提示信息的div会隐藏起来。
阅读全文