网站推广.NET

网站推广.NET

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

来源:互联网

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=&#39;green&#39;)"><INPUT TYPE=text NAME=text2 value="2222ONBLUR_black" ONBLUR="(document.bgColor=&#39;black&#39;)"><INPUT TYPE=text NAME=text2 value="3333ONBLUR_yellow" ONBLUR="(document.bgColor=&#39;yellow&#39;)"><br><p><INPUT TYPE=text NAME=text3 value="4444onfocus_blue" onfocus="(document.bgColor=&#39;blue&#39;)"><INPUT TYPE=text NAME=text4 value="5555onfocus_red" onfocus="(document.bgColor=&#39;red&#39;)"><INPUT TYPE=text NAME=text4 value="6666onfocus_orange" onfocus="(document.bgColor=&#39;orange&#39;)"></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