首頁 > web前端 > js教程 > 老生常談onBlur事件與onfocus事件(js)

老生常談onBlur事件與onfocus事件(js)

高洛峰
發布: 2017-01-10 11:22:08
原創
1406 人瀏覽過

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.htmloinfooinf;的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多老生常談onBlur事件與onfocus事件(js)相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板