Maison >interface Web >js tutoriel >Cliché sur l'événement onBlur et l'événement onfocus (js)

Cliché sur l'événement onBlur et l'événement onfocus (js)

高洛峰original: 2017-01-10 11:22:081401parcourir

L'événement onFocus est un événement qui se produit lorsque le curseur tombe dans la zone de texte.

L'événement onBlur est un événement qui se produit lorsque le curseur perd le focus.

Vous pouvez compiler l'exemple suivant

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>

Il existe également les exemples suivants

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>

Le cliché ci-dessus sur l'événement onBlur et l'événement onfocus (js) est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une idée. référence, et j'espère veuillez prendre en charge le site Web chinois PHP.

Pour plus d'articles liés aux clichés de l'événement onBlur et de l'événement onfocus (js), veuillez faire attention au site Web PHP chinois !

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée et exemple simple de la directive AngularJS ng-blurArticle suivant：Explication détaillée et exemple simple de la directive AngularJS ng-blur

Articles Liés

Voir plus