下面小编就为大家带来一篇老生常谈 onBlur 事件与 onfocus 事件 (js)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0303/264384.html