interface Web
js tutoriel
Méthode JS pour implémenter l'édition par double-clic pour modifier les compétences state_javascript
Méthode JS pour implémenter l'édition par double-clic pour modifier les compétences state_javascript
L'exemple de cet article décrit la méthode de JS pour implémenter l'édition par double-clic pour modifier l'état. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Il s'agit d'un effet de formulaire populaire actuellement. Cliquez sur un texte sur la page Web et le texte passera à l'état d'édition, ou un nouveau texte sera saisi. Ceci est un exemple de JavaScript contrôlant le formulaire. peut y parvenir Double-cliquez sur les fichiers de nom d'utilisateur et de signature modifiables.
L'effet de l'opération est comme indiqué ci-dessous :
L'adresse de la démo en ligne est la suivante :
http://demo.jb51.net/js/2015/js-double-click-edit-style-codes/
Le code spécifique est le suivant :
<!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>
<title>JS实现双击编辑可修改状态</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript">
function ShowElement(element)
{
var oldhtml = element.innerHTML;
var newobj = document.createElement('input');
//创建新的input元素
newobj.type = 'text';
//为新增元素添加类型
newobj.onblur = function(){
element.innerHTML = this.value ? this.value : oldhtml;
//当触发时判断新增元素值是否为空，为空则不修改，并返回原有值
}
element.innerHTML = '';
element.appendChild(newobj);
newobj.focus();
}
</script>
</head>
<body>
<dl>
<dt>你的用户名:</dt>
<dd ondblclick="ShowElement(this)">三人行团队</dd>
<dt>你的个性档</dt>
<dd ondblclick="ShowElement(this)">我闪故我在</dd>
</dl>
</body>
</html>J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
Outils d'IA chauds
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.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
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)
Sujets chauds
Comment changer le nom personnel dans le groupe sur DingTalk_Comment modifier le nom personnel dans le groupe sur DingTalk
Mar 29, 2024 pm 08:41 PM
1. Ouvrez d’abord DingTalk. 2. Ouvrez la discussion de groupe et cliquez sur les trois points dans le coin supérieur droit. 3. Trouvez mon pseudo dans ce groupe. 4. Cliquez pour entrer pour modifier et enregistrer.
Mar 22, 2024 pm 12:51 PM
La certification Douyin Blue V est la certification officielle d'une entreprise ou d'une marque sur la plateforme Douyin, qui contribue à renforcer l'image et la crédibilité de la marque. Avec l'ajustement de la stratégie de développement de l'entreprise ou la mise à jour de l'image de marque, l'entreprise souhaitera peut-être changer le nom de la certification Douyin Blue V. Alors, Douyin Blue V peut-il changer de nom ? La réponse est oui. Cet article présentera en détail les étapes pour modifier le nom du compte de l'entreprise Douyin Blue V. 1. Douyin Blue V peut-il changer de nom ? Vous pouvez changer le nom du compte Douyin Blue V. Selon la réglementation officielle de Douyin, les comptes d'entreprise certifiés Blue V peuvent demander à changer de nom de compte après avoir rempli certaines conditions. D'une manière générale, les entreprises doivent fournir des documents justificatifs pertinents, tels que des licences commerciales, des certificats de code d'organisation, etc., pour prouver la légalité et la nécessité de changer de nom. 2. Quelles sont les étapes pour modifier le nom du compte d'entreprise Douyin Blue V ?
Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS
Apr 03, 2024 am 11:55 AM
La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web
Des astuces pour modifier le temps de sommeil de Win10 révélées
Mar 08, 2024 pm 06:39 PM
Conseils de modification du temps de veille Win10 révélés En tant que l'un des systèmes d'exploitation actuellement largement utilisés, Windows 10 dispose d'une fonction de veille pour aider les utilisateurs à économiser de l'énergie et à protéger l'écran lorsqu'ils n'utilisent pas l'ordinateur. Cependant, parfois le temps de veille par défaut ne répond pas aux besoins des utilisateurs, il est donc particulièrement important de savoir comment modifier le temps de veille de Win10. Cet article dévoilera les astuces pour modifier le temps de veille de Win10, vous permettant de personnaliser facilement les paramètres de veille du système. 1. Modifiez le temps de veille de Win10 via « Paramètres ». Tout d'abord, la solution la plus simple
Comment modifier des documents dans Tencent Docs ? -Guide du didacticiel de document d'édition de documents Tencent
Mar 19, 2024 am 08:19 AM
Est-ce que quelqu'un sait comment modifier des documents dans Tencent Docs ? Peu importe si vous ne le savez pas. Aujourd'hui, l'éditeur présentera des explications graphiques détaillées sur la façon de modifier des documents dans Tencent Docs. J'espère que cela pourra vous aider. Explication graphique détaillée de l'édition de documents dans Tencent Documents 1. Tout d'abord, entrez directement Tencent Documents (si vous ne l'avez pas, téléchargez-le maintenant !) et connectez-vous directement (les deux méthodes de connexion QQ et TIM sont prises en charge) 2. Après vous être connecté , cliquez sur Ajouter dans le coin supérieur droit Non., créez directement des documents en ligne, des formulaires en ligne, de nouveaux dossiers, etc. 3. Saisissez ensuite les informations selon vos besoins !
Que faire si le document Word ne peut pas être modifié
Mar 19, 2024 pm 09:37 PM
Après avoir modifié le document, nous enregistrerons le document pour faciliter l'édition et la modification du document la prochaine fois. Parfois, nous pouvons le modifier directement après avoir cliqué sur le document modifié, mais parfois, pour une raison inconnue, il n'y a pas de réponse, quelle que soit la manière dont nous le faisons. cliquez sur le document Word et la commande ne sera pas exécutée, que dois-je faire si le document Word ne peut pas être modifié ? Ne vous inquiétez pas, l'éditeur vous aidera à résoudre ce problème. Jetons un coup d'œil au processus de fonctionnement. Après avoir ouvert un document Word, lors de la modification du texte, vous verrez une invite « Restreindre la modification » affichée sur le côté droit de la page, comme le montre la figure ci-dessous. 2. Vous devez annuler la modification et connaître le mot de passe défini. Cliquez sur « Arrêter la protection » sous l'invite contextuelle, comme indiqué dans la figure ci-dessous. 3. Entrez ensuite le mot de passe dans la boîte de dialogue « Déprotéger le document » et cliquez sur OK, comme indiqué dans la figure ci-dessous.
Comment modifier l'emplacement de l'adresse des produits publiés sur Xianyu
Mar 28, 2024 pm 03:36 PM
Lors de la publication de produits sur la plateforme Xianyu, les utilisateurs peuvent personnaliser les informations de localisation géographique du produit en fonction de la situation réelle, afin que les acheteurs potentiels puissent saisir plus précisément l'emplacement spécifique du produit. Une fois le produit mis en rayon avec succès, il n'y a pas lieu de s'inquiéter si l'emplacement du vendeur change. La plateforme Xianyu fournit une fonction de modification flexible et pratique. Ainsi, lorsque nous souhaitons modifier l'adresse d'un produit publié, comment pouvons-nous la modifier ? Ce guide didacticiel vous fournira un guide détaillé étape par étape. aidez tout le monde ! Comment modifier l'adresse du produit de sortie dans Xianyu ? 1. Ouvrez Xianyu, cliquez sur ce que j'ai publié, sélectionnez le produit et cliquez sur modifier. 2. Cliquez sur l'icône de positionnement et sélectionnez l'adresse que vous souhaitez définir.
Comment configurer l'écran de verrouillage double-clic sur Meizu 21pro ?
Mar 18, 2024 pm 04:10 PM
Le système d'exploitation Flyme du Meizu 21Pro offre également une multitude d'options de personnalisation, permettant aux utilisateurs de personnaliser en fonction de leurs propres préférences et habitudes. Parmi eux, la fonction de verrouillage de l'écran par double-clic est un paramètre très pratique qui permet aux utilisateurs de verrouiller rapidement l'écran et de protéger la sécurité du téléphone. Ensuite, nous présenterons comment configurer la fonction d'écran de verrouillage par double-clic sur Meizu 21Pro pour rendre votre téléphone plus pratique à utiliser. Comment configurer l'écran de verrouillage par double-clic sur Meizu 21pro 1. Entrez dans [Paramètres]-[Accessibilité]-[Gesture Wake], cliquez sur le commutateur sur le côté droit de [Gesture Wake] pour activer ou désactiver la fonction gestuelle de l'écran noir. . 2. Sur le bureau du système-Paramètres-Empreinte digitale et sécurité, définissez le mot de passe de l'écran de verrouillage ou saisissez l'empreinte digitale. S'il n'y a pas de fonction de déverrouillage par empreinte digitale, accédez à Paramètres-Sécurité.
