Maison > Article > interface Web > Comment supprimer le focus en javascript

Comment supprimer le focus en javascript

醉折花枝作酒筹original: 2021-06-15 10:01:042982parcourir

Comment supprimer le focus en JavaScript : 1. Utilisez l'attribut onblurs, la syntaxe "onblur="code js qui doit être exécuté" ; 2. Utilisez la fonction flou(), la syntaxe "$(selector ).blur(function );".

Comment supprimer le focus en javascript

L'environnement d'exploitation de ce tutoriel : système windows7, javascript version 1.8.5, ordinateur Dell G3.

suppression du focus javascript

1 Utilisez l'attribut onblurs

L'attribut onblur est déclenché. lorsque l'élément perd le focus. 🎜>Syntaxe

onblur="SomeJavaScriptCode"

Balises HTML qui prennent en charge cet attribut d'événement :

, , , , ,
,, , ,
, , ,
,
,
,,
,
, , ,
à
,
, ,, <img alt="Comment supprimer le focus en javascript" >, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <object>, <ol>, <p>, </p> <pre class="brush:php;toolbar:false">, <q>, <samp>, <select>, <small>, <span>,<strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>,<th>, <thead>, <tr>, <tt>, &lt ;ul>, <var><p><br>Objets JavaScript prenant en charge cet événement : </p> <p>bouton, case à cocher, fileUpload, calque, cadre, mot de passe, radio, réinitialiser, soumettre, texte, zone de texte, fenêtre</p> <p><br> Exemple : </p><pre class="brush:js;toolbar:false"><html> <head> <script type="text/javascript"> function upperCase() { var x=document.getElementById("fname").value document.getElementById("fname").value=x.toUpperCase() } </script> </head> <body> Enter your name: <input type="text" id="fname" onblur="upperCase()"><br /> Enter your age: <input type="text" id="age" onblur="alert(this.id)"> </body> </html></pre><p> Lorsqu'il perd le focus, une fenêtre contextuelle apparaît : </p> <p></p> <p><img src="https://img.php.cn/upload/image/239/696/220/1648877586611856.png" title="1648877586611856.png" alt="Comment supprimer le focus en javascript"></p>2. Utilisez la méthode blur() <p><strong></strong>L'événement de flou se produit lorsque l'élément perd le focus. </p> <p>La fonction blur() déclenche l'événement de flou, ou si le paramètre de fonction est défini, la fonction peut également spécifier le code à exécuter lorsque l'événement de flou se produit. </p> <p> Syntaxe : </p> <p><pre class="brush:php;toolbar:false">$(selector).blur(function)</pre><br>Exemple</p> <p><pre class="brush:php;toolbar:false"><html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); }); </script> </head> <body> Enter your name: <input type="text" /> <p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p> </body> </html></pre><br></p> <p><img src="https://img.php.cn/upload/image/683/126/486/1648877818969627.gif" title="1648877818969627.gif" alt="Comment supprimer le focus en javascript">[Apprentissage recommandé : </p>Tutoriel avancé javascript<p>】<a href="https://www.php.cn/course/list/2.html" target="_blank"></a></p></var></tt> </tr> </thead> </th> </tfoot></textarea> </td> </tbody> </table></sup></sub></strong></span></small></select></samp></q></pre> </ol></object> </li> </legend></label></kbd></ins>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en 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：Quelles sont les manières d’introduire JavaScript ?Article suivant：Quelles sont les manières d’introduire JavaScript ?

Articles Liés

Voir plus