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)

高洛峰
Libérer: 2017-01-10 11:22:08
original
1495 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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 !

Étiquettes associées:
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal