老生常谈onBlur事件与onfocus事件(js)

前端技术 2023/09/03 JavaScript

onFocus事件就是当光标落在文本框中时发生的事件。

onBlur事件是光标失去焦点时发生的事件。

可以编如下例子

1.html

<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>

还有以下例子

2.html

<!-- 文件说明：OnFocus事件 -->
 <!-- ------------------------------ -->
 <html>
 <head>
 <title>OnFocus事件</title>
 </head>
 <body>
 <Form>

 <input type=\"text\" name=\"test1\" value=\"test1\" onclick=alert(\"可以关掉!\")> 
 <input type=\"text\" name=\"test1\" value=\"test1\" onblur=alert(\"可以关掉aaaaaaa!\")>

 <input type=\"text\" name=\"test1\" value=\"test1\" onclick=alert(\"可以关掉bbbbbbbbb!\")> 
 <input type=\"text\" name=\"test2\" value=\"一按我就无法关掉了，haha\" onFocus=alert(\"我成为了输入焦点!\")>
 </Form>
 </body>
 </html>

以上这篇老生常谈onBlur事件与onfocus事件(js)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/7798

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案