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

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

高洛峰原創: 2017-01-10 11:22:081360瀏覽

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中文網！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：AngularJS ng-blur 指令詳解及簡單實例下一篇：AngularJS ng-blur 指令詳解及簡單實例

看更多