Heim > Artikel > Web-Frontend > Klischee über onBlur-Event und onfocus-Event (js)

Klischee über onBlur-Event und onfocus-Event (js)

高洛峰Original: 2017-01-10 11:22:081391Durchsuche

Das onFocus-Ereignis ist ein Ereignis, das auftritt, wenn der Cursor in das Textfeld fällt.

onBlur-Ereignis ist ein Ereignis, das auftritt, wenn der Cursor den Fokus verliert.

Sie können das folgende Beispiel kompilieren

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>

Es gibt auch die folgenden Beispiele

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>

Das obige Klischee über onBlur-Ereignis und onfocus-Ereignis (js) ist der gesamte Inhalt, den der Herausgeber geteilt hat Referenz, und ich hoffe, dass Sie bitte die chinesische PHP-Website unterstützen.

Weitere Artikel zum klischeehaften onBlur-Event und onfocus-Event (js) finden Sie auf der chinesischen PHP-Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ausführliche Erklärung und einfaches Beispiel der AngularJS ng-blur-DirektiveNächster Artikel：Ausführliche Erklärung und einfaches Beispiel der AngularJS ng-blur-Direktive

In Verbindung stehende Artikel

Mehr sehen