interface Web
Questions et réponses frontales
Quel est l'événement lorsque javascript perd le focus ?
Quel est l'événement lorsque javascript perd le focus ?
En JavaScript, l'événement de perte de focus est l'événement blur(). Cette méthode spécifie que l'événement de flou se produit lorsque l'élément perd le focus, ou spécifie la fonction à exécuter lorsque l'événement de flou se produit. La syntaxe est "$(selector. .blur()" Ou "$(selector).blur(function)".
L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.
Qu'est-ce que l'événement JavaScript de perte de focus
L'événement de flou se produit lorsqu'un élément perd le focus. La méthode
blur() déclenche l'événement de flou ou spécifie une fonction à exécuter lorsque l'événement de flou se produit.
Conseils : Cette méthode est souvent utilisée avec la méthode focus().
Syntaxe
Déclenchez l'événement de flou pour l'élément sélectionné :
$(selector).blur()
Ajoutez une fonction à l'événement de flou :
$(selector).blur(function)
L'exemple est le suivant :
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("input").focus();
});
$("#btn2").click(function(){
$("input").blur();
});
});
</script>
</head>
<body>
输入你的名字: <input type="text">
<br><br>
<button id="btn1">触发 focus 事件</button>
<button id="btn2">触发 blur 事件</button>
</body>
</html>Résultat de sortie :
L'exemple est le suivant suit :
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").focus(function(){
$(this).css("background-color","red");
});
$("input").blur(function(){
$(this).css("background-color","green");
});
});
</script>
</head>
<body>
名字: <input type="text" name="fullname"><br>
Email: <input type="text" name="email">
</body>
</html>Résultat de sortie :
【Recommandations associées : Tutoriel d'apprentissage javascript】
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Stock Market GPT
Recherche d'investissement basée sur l'IA pour des décisions plus intelligentes
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Quelle est la différence entre les balises d'objet et d'intégration dans HTML?
Sep 23, 2025 am 01:54 AM
TheObjectTagispreferredFormeddingExternalContentDuetOtsSversatity, FallbackSupport et StandardsCompliance, tandis que la réduction destiné à la Faire des effets pour les échecs.
Comment importer des signets à partir d'autres navigateurs par UC Browser_How pour importer des données de signet par UC Browser
Sep 24, 2025 am 10:36 AM
Vous pouvez migrer des signets à partir d'autres navigateurs via la fonction d'importation du navigateur UC: sélectionnez d'abord "Importer des signets" et autoriser les données de lecture; 2. Support Manuel Importation à partir des fichiers HTML. Vous devez d'abord exporter les signets vers HTML dans le navigateur source et sélectionner l'importation du fichier; 3. Vous pouvez également transférer via le service cloud, activer la synchronisation cloud et extraire les données de signet dans le navigateur UC pour terminer la migration.
Comment faire une image d'arrière-plan en plein écran avec HTML
Sep 23, 2025 am 05:43 AM
La configuration d'une image d'arrière-plan complète à l'aide de CSS peut être réalisée en stylisant directement le corps ou en utilisant un conteneur complet. 1. Définissez la taille de l'arrière-plan pour couvrir et coopérer avec la position d'arrière-plan: Centre pour s'assurer que l'image est couverte et centrée; 2. Fixez éventuellement l'arrière-plan ou utilisez des conteneurs pour contrôler la disposition de manière plus flexible; 3. Utilisez une haute résolution pour optimiser l'image et ajouter des couleurs de secours pour améliorer l'expérience.
Comment forcer les pages Web à l'échelle par UC Browser_UC Browser à mise à l'échelle des pages Web par UC Browser
Sep 24, 2025 pm 04:54 PM
Tout d'abord, activez la fonction de mise à l'échelle intégrée du navigateur UC, accédez aux paramètres → Paramètres parcourir → Police et composition ou mise à l'échelle de la page, et sélectionnez un rapport préréglé ou un pourcentage personnalisé; Deuxièmement, vous pouvez forcer la taille de l'affichage de la page en ouvrant ou en pinçant des gestes avec deux doigts; Pour les pages Web qui restreignent la mise à l'échelle, vous pouvez demander la version de bureau du site Web pour déverrouiller les restrictions; Les utilisateurs avancés peuvent également modifier les attributs de la fenêtre en exécutant le code JavaScript dans la barre d'adresse pour obtenir un effet de mise à l'échelle forcé plus flexible.
Qu'est-ce que HTML sémantique
Sep 25, 2025 am 02:37 AM
Semantichtmlusesmeaningfultagslikeearticules, section, nav et imprégner.
Qu'est-ce que l'étiquette de tête dans HTML?
Sep 24, 2025 am 06:47 AM
LeHeadTagContainsMetAdataAndResourcesEntialForBrowser et la recherche de traitement de la recherche, y compristitle, les caractères, description, les feuilles de styles, les scripts et lesvages deVisport, asshownintheexample withproperhtmlstructure.
Comment jouer automatiquement une vidéo en HTML
Sep 25, 2025 am 05:04 AM
Pour atteindre la lecture vidéo automatique, la vidéo doit être muette. Utilisez les propriétés de la lecture automatique et de l'ondulé pour vous assurer que les vidéos HTML sont automatiquement lues dans des navigateurs modernes. Si vous souhaitez jouer des boucles, vous pouvez ajouter des attributs de boucle. Si vous supprimez les commandes, la barre de commande ne sera pas affichée.
Comment créer une galerie d'images simples en HTML
Sep 25, 2025 am 01:20 AM
Créez une structure HTML, utilisez des conteneurs Div et des balises IMG pour ajouter des images; 2. Réglez la disposition Flex ou Grid avec CSS, ajustez l'espacement et les styles; 3. Implémentez la conception réactive à travers les requêtes multimédias; 4. Ajouter éventuellement des conteneurs d'image avec du texte pour afficher le titre.
