Comment changer la couleur de fond (vert/rouge) en HTML vide sur certaines touches ?
P粉211273535
P粉211273535 2023-09-07 10:08:19
0
2
493

Quelqu'un a-t-il une solution pour changer la couleur d'arrière-plan en HTML lorsque certains boutons sont enfoncés, par exemple la lettre A. Chaque fois que j'appuie sur le bouton, la couleur passe à une autre couleur (du rouge au vert ou du vert au rouge) et reste ainsi. Mais la bonne nouvelle est que cela fonctionne lorsque je ne me concentre pas sur le navigateur Web, donc cela fonctionne également lorsque j'utilise d'autres applications via le navigateur. Désolé pour les questions noob et la barrière de la langue. merci pour votre réponse.

Semblable à ce lien, mais devrait être sur la clé : Comment changer différentes couleurs d'arrière-plan en utilisant un seul bouton

P粉211273535
P粉211273535

répondre à tous (2)
P粉345302753

Vous pouvez utiliser JavaScript pour détecter les événements clés et modifier la couleur d'arrière-plan

    Change background color on keypress 

Press the 'A' key to change the background color!

    P粉015402013

    Je ne pense pas qu'il soit possible de faire en sorte qu'il s'active lorsque la touche A est enfoncée depuis une autre fenêtre, car sur la plupart des systèmes d'exploitation, le clavier se concentre automatiquement sur la fenêtre ciblée. Il existe probablement une application pour cela, mais elle est vraiment peu pratique à utiliser (si vous essayez d'appuyer sur la touche A dans l'application, cela vous amène à la fenêtre).

    Mais si vous trouvez un moyen, voici votre réponse. Pour référence, je suppose que l'arrière-plan de votre site est déjà rouge.

    let isRed = true; document.addEventListener('keydown', (event) => { if (event.key === 'a') { if (isRed) { document.body.style.backgroundColor = 'green'; isRed = false; } else { document.body.style.backgroundColor = 'red'; isRed = true; } } });
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!