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='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" οnfοcus="(document.bgColor='blue')">?
<INPUT TYPE=text NAME=text4 value="5555onfocus_red" οnfοcus="(document.bgColor='red')">
<INPUT TYPE=text NAME=text4 value="6666onfocus_orange" οnfοcus="(document.bgColor='orange')">
</FORM>?
</BODY>?
</HTML>

還有以下例子

2.html

3 
04 
05 <html>
06 <head>
07 <title>OnFocus事件</title>
08 </head>
09 <body>
10 <Form>

11 <input type="text" name="test1" value="test1" οnclick=alert("可以關掉!")>?
11 <input type="text" name="test1" value="test1" οnblur=alert("可以關掉aaaaaaa!")>

11 <input type="text" name="test1" value="test1" οnclick=alert("可以關掉bbbbbbbbb!")>?
12 <input type="text" name="test2" value="一按我就無法關掉了，haha" onFocus=alert("我成為了輸入焦點!")>
13 </Form>
14 </body>
15 </html>

轉載于:https://www.cnblogs.com/leeshine-luo/p/5654565.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/256851.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/256851.shtml
英文地址，請注明出處：http://en.pswp.cn/news/256851.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！