Maison > Article > interface Web > Comment utiliser l'événement onchange en JS ?

Comment utiliser l'événement onchange en JS ?

Guanhuioriginal: 2020-07-18 15:44:0910300parcourir

Comment utiliser l'événement onchange en JS ?

L'événement onchange dans JS se produira lorsque le contenu du domaine change. Il peut également être utilisé pour les événements déclenchés après le changement des boutons radio et des cases à cocher. Il existe deux syntaxes. . Ajoutez l'attribut "onchange" à l'attribut. La valeur de l'attribut est le code JS. L'autre méthode consiste à le définir directement sur l'objet élément.

Exemple de code

HTML :

<element onchange="SomeJavaScriptCode">

JavaScript :

object.onchange=function(){SomeJavaScriptCode};

Exemple complet

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(phpcn.com)</title>
</head>
<head>
<script>
function myFunction(){
	var x=document.getElementById("fname");
	x.value=x.value.toUpperCase();
}
</script>
</head>
<body>

输入你的名字: <input type="text" id="fname" onchange="myFunction()">
<p>当你离开输入框后，函数将被触发，将小写字母转为大写字母。</p>

</body>
</html>

Tutoriel recommandé : " PHP》

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

Article précédent：Comment accéder à une nouvelle page en js ?Article suivant：Comment accéder à une nouvelle page en js ?

Articles Liés

Voir plus