这篇博客介绍了一个JavaScript示例，展示了如何使用onfocus和onblur事件处理输入框的焦点和失焦状态。当输入框获得焦点且其初始值为'你好'时，内容清空；失去焦点时，如果内容为空，则恢复为'你好'。
<body>
<input type="text" value="你好">
<script>
//获取元素
var text = document.querySelector('input');
//注册事件 获得焦点事件 onfocus()
text.onfocus = function() {
if (this.value === '你好') {
this.value = '';
}
}
//注册事件 失去焦点事件 onblur()
text.onblur = function() {
if (this.value === '') {
this.value = '你好';
}
}
</script>
</body>
扫一扫
1451
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
