html还原默认设置,设置HTML文本输入框的“默认”值 单击ESC时还原值
时间: 2023-12-15 13:03:51 浏览: 6
jQuery设置和获取HTML、文本和值示例
可以使用HTML的`placeholder`属性来设置文本输入框的默认值,同时可以使用JavaScript监听`keydown`事件,判断是否按下了ESC键,如果按下了ESC键,则将文本输入框的值还原为默认值。
HTML代码示例:
```
<input type="text" placeholder="请输入默认值" id="myInput">
```
JavaScript代码示例:
```
const input = document.getElementById("myInput");
const defaultValue = input.placeholder;
input.addEventListener("keydown", function(event) {
if (event.keyCode === 27) { // 27是ESC键的keyCode
input.value = defaultValue;
}
});
```
这样就可以实现当用户在文本输入框中输入了一些内容后,按下ESC键可以还原为默认值。
阅读全文