onblur()和onfocus()

最新推荐文章于 2025-06-06 09:17:29 发布

平凡的Mac

最新推荐文章于 2025-06-06 09:17:29 发布

阅读量1k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个HTML页面案例，展示了如何使用onBlur和onFocus事件来改变网页背景颜色。通过三个输入框演示onBlur事件效果，当焦点离开输入框时背景色变化；另三个输入框展示onFocus事件，获得焦点时背景色变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<HTML>
<HEAD>
<TITLE>使用onBlur事件处理程序</TITLE>
</HEAD>
<BODY BGCOLOR="lavender">
<FORM name="F1">
<INPUT TYPE=text NAME=text1 value="1111ONBLUR_green" ONBLUR="(document.bgColor='green')">
<INPUT TYPE=text NAME=text2 value="2222ONBLUR_black" ONBLUR="(document.bgColor='black')">
<INPUT TYPE=text NAME=text2 value="3333ONBLUR_yellow" ONBLUR="(document.bgColor='yellow')">
<br>
<p>
<INPUT TYPE=text NAME=text3 value="4444onfocus_blue" onfocus="(document.bgColor='blue')">
<INPUT TYPE=text NAME=text4 value="5555onfocus_red" onfocus="(document.bgColor='red')">
<INPUT TYPE=text NAME=text4 value="6666onfocus_orange" onfocus="(document.bgColor='orange')">
</FORM>
</BODY>
</HTML>