Maison  >  Article  >  interface Web  >  Comment définir non cliquable en HTML

Comment définir non cliquable en HTML

青灯夜游
青灯夜游original
2021-05-17 15:32:426102parcourir

En HTML, vous pouvez utiliser l'attribut pointer-events pour obtenir l'effet non cliquable de l'élément en définissant l'événement de souris de l'élément sur invalide. Il vous suffit de définir "pointer-events:none". ;" style de l'élément.

Comment définir non cliquable en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Les paramètres HTML ne sont pas cliquables

En définissant l'attribut pointer-events de l'élément sur none, l'élément devient non cliquable. Cette méthode rend l'élément non cliquable en définissant l'événement de souris de l'élément sur invalide.

Code CSS :

.disable {
	pointer-events: none;
}

Exemple :

const disabled = true;
<Button className={disabled ? &#39;disabled&#39; : null}>点击</Button><style>
  .disabled {
      pointer-events: none;
      // 设置pointer-events: none;再设置cursor是没有效果的
  }</style>

Rendu :

Remarque :

  • Lorsque la valeur de pointer-events est nulle, si l'élément est positionné de manière absolue, l'élément en dessous peut être sélectionné.

  • pointer-events : none ; est uniquement utilisé pour désactiver les événements de souris. Les événements liés par d'autres méthodes seront toujours déclenchés, tels que les événements de clavier, etc.

  • Si les événements de pointeur d'un élément enfant d'un élément sont définis sur d'autres valeurs (par exemple : auto), alors lorsque l'on clique sur l'élément enfant, l'élément parent sera toujours déclenché par des événements bouillonnants.

(Partage vidéo d'apprentissage : tutoriel vidéo CSS, "tutoriel vidéo HTML")

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