html还原默认设置,设置HTML文本输入框的“默认”值 单击ESC时还原值
时间: 2023-08-14 09:02:41 浏览: 113
输入框默认值
4星 · 用户满意度95%
你可以使用HTML的`<input>`元素,并设置`value`属性来设置默认值。然后,使用JavaScript的`keyup`事件来检测当用户按下了ESC键。如果用户按下了ESC键,则将文本框的值重置为默认值。以下是示例代码:
```html
<input type="text" id="myInput" value="默认值" />
<script>
// 获取输入框元素
const input = document.getElementById("myInput");
// 保存默认值
const defaultValue = input.value;
// 监听键盘事件
input.addEventListener("keyup", function(event) {
if (event.keyCode === 27) { // ESC键的keyCode是27
input.value = defaultValue;
}
});
</script>
```
在上面的代码中,我们使用`input`元素创建一个文本框,并将其默认值设置为“默认值”。然后,我们使用JavaScript监听文本框的`keyup`事件,如果用户按下了ESC键,则将文本框的值重置为默认值。
阅读全文