Comment définir le statut en lecture seule pour la zone de texte dans jquery-Questions et réponses frontales-php.cn

Comment définir le statut en lecture seule pour la zone de texte dans jquery

青灯夜游

Libérer： 2022-06-15 10:37:42

original

2570 Les gens l'ont consulté

Deux façons de définir la lecture seule : 1. Utilisez attr() pour ajouter l'attribut en lecture seule à la zone de texte et définissez la valeur de l'attribut sur "lecture seule", la syntaxe est "$("textarea").attr( "lecture seule", "lecture seule");". 2. Utilisez prop() pour ajouter l'attribut en lecture seule à la zone de texte et définissez la valeur de l'attribut sur "true", en utilisant la syntaxe "$("textarea").prop("readonly",true);".

Comment définir le statut en lecture seule pour la zone de texte dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.0, ordinateur Dell G3.

En HTML, le statut en lecture seule d'un élément est contrôlé par l'attribut lecture seule (readonly).

Si vous souhaitez définir le statut en lecture seule de la zone de texte (textarea), il vous suffit d'ajouter l'attribut readonly à l'élément textarea.

jquery propose les deux méthodes suivantes pour ajouter des attributs aux éléments :

Utilisez attr()
Utilisez prop()

Méthode 1. Utilisez attr() pour définir la zone de texte Statut en lecture seule

Utilisez simplement attr() pour ajouter l'attribut en lecture seule à l'élément textarea et définissez la valeur de l'attribut sur "lecture seule".

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("textarea").attr("readonly","readonly");
				});
			});
		</script>
	</head>

	<body>
		<textarea>默认文本</textarea><br /><br />

		<button>给text文本框添加只读属性</button>
	</body>
</html>

Copier après la connexion

Comment définir le statut en lecture seule pour la zone de texte dans jquery

Vous pouvez voir qu'après avoir cliqué sur le bouton des paramètres, le curseur de la zone de texte disparaît et la saisie de texte n'est plus possible.

Méthode 2. Utilisez prop() pour définir le statut en lecture seule de la zone de texte

Utilisez simplement prop() pour ajouter l'attribut readonly à l'élément textarea et définissez la valeur de l'attribut sur "true".

Code d'implémentation :

<script type="text/javascript">
	$(document).ready(function() {
		$("button").click(function() {
			$("textarea").prop("readonly",true);
		});
	});
</script>

Copier après la connexion

Comment définir le statut en lecture seule pour la zone de texte dans jquery