En JavaScript, vous pouvez utiliser l'événement onfocus pour définir la zone de texte afin qu'elle change de couleur lors de la saisie. Il vous suffit de lier l'événement onfocus à l'élément, puis d'utiliser "object.style.background="color. valeur"". L'événement onfocus se produit lorsqu'un objet obtient le focus et est généralement utilisé dans les formulaires.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Définissez dynamiquement la couleur de la zone de texte :
主要是利用javascript中的触发事件onfocus <script language="javascript" type="text/javascript"> <!-- function myFocus(obj,color){ //判断文本框中的内容是否是默认内容 if(obj.value=="请输入收件人地址"){ obj.value=""; } //设置文本框获取焦点时候背景颜色变换 obj.style.backgroundColor=color; } function myblur(obj,color){ //当鼠标离开时候改变文本框背景颜色 obj.style.background=color; } 在input标签中 <input type="text" name="username" id="username" onfocus="myFocus(this,'#f4eaf1')" onblur="myblur(this,'white')" value="请输入收件人地址"/> 用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除
L'événement onfocus se produit lorsque l'objet obtient le focus. Onfocus est généralement utilisé pour ,
Conseil : l'événement opposé à l'événement onfocus est l'événement onblur.
Informations étendues :
L'événement onblur se produit lorsque l'objet perd le focus. Onblur est souvent utilisé pour le code de validation Javascript, généralement utilisé dans les zones de saisie de formulaire.
Syntaxe
HTML :
<element onblur="SomeJavaScriptCode">
JavaScript :
object.onblur=function(){SomeJavaScriptCode};
[Apprentissage recommandé : Tutoriel avancé javascript]
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!