Maison interface Web js tutoriel jQuery répond aux événements de la souris et masque et affiche les valeurs par défaut d'entrée_jquery

jQuery répond aux événements de la souris et masque et affiche les valeurs par défaut d'entrée_jquery

May 16, 2016 pm 04:38 PM
input 默认值 鼠标事件

Partagez un exemple de la façon dont jQuery masque et affiche les valeurs d'entrée par défaut.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery 隐藏与显示 input 默认值</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html>
Copier après la connexion
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment implémenter le champ caché d'entrée Laravel Comment implémenter le champ caché d'entrée Laravel Dec 12, 2022 am 10:07 AM

Comment implémenter le champ caché d'entrée Laravel : 1. Recherchez et ouvrez le fichier de modèle Blade ; 2. Utilisez la méthode method_field dans le modèle Blade pour créer un champ masqué. La syntaxe de création est "{{ method_field('DELETE') }}. ".

Comment encapsuler les composants d'entrée et les données de formulaire unifié dans vue3 Comment encapsuler les composants d'entrée et les données de formulaire unifié dans vue3 May 12, 2023 pm 03:58 PM

Préparation Utilisez vuecreateexample pour créer un projet. Les paramètres sont à peu près les suivants : utiliser l'entrée native est principalement la valeur et le changement. Les données doivent être synchronisées lors du changement. App.tsx est le suivant : import{ref}from'vue';exportdefault{setup(){//username est la donnée constusername=ref('Zhang San');//Lorsque la zone de saisie change, synchronisez les données constonInput =;retour( )=>({

Apprenez à utiliser l'instruction v-on de Vue pour gérer les événements d'entrée et de sortie de la souris Apprenez à utiliser l'instruction v-on de Vue pour gérer les événements d'entrée et de sortie de la souris Sep 15, 2023 am 08:34 AM

Apprenez à utiliser l'instruction v-on de Vue pour gérer les événements d'entrée et de sortie de la souris. Les événements d'entrée et de sortie de la souris sont l'un des effets interactifs courants dans les pages Web. Vue fournit l'instruction v-on pour les gérer. événements facilement. Cet article explique comment utiliser la directive v-on de Vue pour gérer les événements d'entrée et de sortie de la souris, et fournit des exemples de code spécifiques. Avant d'utiliser la directive v-on de Vue pour gérer les événements d'entrée et de sortie de la souris, nous devons comprendre l'utilisation de base de la directive v-on. La directive v-on est utilisée pour écouter les événements DOM et

Types d'événements en JavaScript : événements courants du clavier et de la souris Types d'événements en JavaScript : événements courants du clavier et de la souris Sep 03, 2023 am 09:33 AM

JavaScript fournit un large éventail d'événements qui vous permettent d'interagir et de répondre aux actions des utilisateurs sur les pages Web. Parmi ces événements, les événements clavier et souris sont les plus couramment utilisés. Dans cet article, nous examinerons les différents types d'événements de clavier et de souris en JavaScript et verrons des exemples de leur utilisation. Événements de clavier Les événements de clavier se produisent lorsqu'un utilisateur interagit avec le clavier, par exemple en appuyant sur une touche, en la relâchant ou en tapant un caractère. Les événements de clavier nous permettent de faire des choses intéressantes, comme vérifier si l'utilisateur a saisi correctement quelque chose dans un formulaire ou si quelque chose se produit lorsqu'une touche spécifique est enfoncée. C'est comme si le site Web écoutait les touches sur lesquelles vous appuyez et réagissait en conséquence. Les événements de clavier sont divisés en trois types : événement keydown

Directive v-on dans Vue : comment gérer les événements de la souris Directive v-on dans Vue : comment gérer les événements de la souris Sep 15, 2023 am 11:39 AM

Instruction v-on dans Vue : Comment gérer les événements de souris, des exemples de code spécifiques sont nécessaires. Vue.js est un framework JavaScript populaire qui utilise une approche par composants pour créer des interfaces utilisateur. Dans Vue, vous pouvez utiliser la directive v-on pour gérer divers événements de souris, tels que le clic, le survol, le défilement, etc. Cet article explique comment utiliser la directive v-on pour gérer les événements de souris et fournit des exemples de code spécifiques. Dans Vue, la directive v-on est utilisée pour lier les gestionnaires d'événements. Sa syntaxe est v-on : nom de l'événement, par exemple

Explication détaillée des événements de liaison de zone de saisie dans les documents Vue Explication détaillée des événements de liaison de zone de saisie dans les documents Vue Jun 21, 2023 am 08:12 AM

Vue.js est un framework JavaScript léger, facile à utiliser, efficace et flexible. Il s'agit actuellement de l'un des frameworks front-end les plus populaires. Dans Vue.js, les événements de liaison de zone de saisie sont une exigence très courante. Cet article présentera en détail les événements de liaison de zone de saisie dans le document Vue. 1. Concepts de base Dans Vue.js, l'événement de liaison de la zone de saisie fait référence à la liaison de la valeur de la zone de saisie à l'objet de données de l'instance Vue, réalisant ainsi une liaison bidirectionnelle de l'entrée et de la réponse. Dans Vue.j

Que faire s'il n'y a pas de curseur lorsque vous cliquez sur la zone de saisie Que faire s'il n'y a pas de curseur lorsque vous cliquez sur la zone de saisie Nov 24, 2023 am 09:44 AM

Solutions pour cliquer sur la zone de saisie sans curseur : 1. Confirmez le focus de la zone de saisie ; 2. Effacez le cache du navigateur 3. Mettez à jour le navigateur 4. Utilisez JavaScript 5. Vérifiez le périphérique matériel ; propriétés de la boîte ; 7. Débogage du code JavaScript ; 8. Vérifiez les autres éléments de la page ;

Comment utiliser l'événement de retour chariot de la zone de saisie et la fonction de vérification dans le document Vue Comment utiliser l'événement de retour chariot de la zone de saisie et la fonction de vérification dans le document Vue Jun 20, 2023 am 09:13 AM

Vue est un framework frontal JavaScript populaire avec en son cœur une liaison de données réactive et un système de composants. Dans les applications Vue, la zone de saisie est l'un des éléments d'interface utilisateur les plus couramment utilisés. Lorsque l'utilisateur saisit du texte, nous espérons écouter l'événement de retour chariot et valider la saisie avant de la soumettre. Cet article présentera l'utilisation de la fonction de saisie d'événement et de vérification dans la zone de saisie dans le document Vue. 1. L'événement de retour chariot de la zone de saisie dans Vue La surveillance de l'événement de retour chariot de la zone de saisie dans Vue est très simple.

See all articles