Comment désactiver les éléments de clic dans jquery

藏色散人
Libérer: 2021-11-11 09:35:27
original
3842 Les gens l'ont consulté

Comment implémenter jquery interdisant de cliquer sur les éléments : 1. Via "$(this).click(function (event) {...}" ; 2. Via "$('a').live('click', function(event) {...}" et ainsi de suite.

Comment désactiver les éléments de clic dans jquery

L'environnement d'exploitation de cet article : système Windows 7, jquery version 3.2.1, ordinateur DELL G3

Comment interdire de cliquer sur des éléments dans jquery ?

Supprimer ou désactiver l'événement click des éléments HTML peut être implémenté via CSS ou js ou jQuery

1. Méthode CSS

.disabled { pointer-events: none; }
Copier après la connexion

2. Méthode jQuery

Méthode 1

$(this).click(function (event) {
event.preventDefault();
}
Copier après la connexion

Méthode 2.

$('a').live('click', function(event) {
   alert("抱歉,已停用!");
   event.preventDefault();
});
Copier après la connexion

Remarque : Cette méthode live in peut également être activée, liée et d'autres méthodes

Méthode 3

$('.disableCss').removeAttr('onclick');//去掉标签中的onclick事件
Copier après la connexion

Utilisez la méthode removeAttr pour contrôler les attributs de la balise html afin d'activer ou de désactiver les événements. utilisez également cette méthode pour contrôler d'autres événements ou d'autres effets.

Méthode 4

$('#button').attr('disabled',"true");//添加disabled属性
$('#button').removeAttr("disabled"); //移除disabled属性
Copier après la connexion

Remarque : C'est la même que la méthode 3, mais l'attribut désactivé est généralement utilisé sur les entrées de type bouton ou soumettre

Apprentissage recommandé : "Tutoriel vidéo jquery"

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal