Comment définir la couleur de la zone de texte pour qu'elle change lors de la saisie en javascript-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Comment définir la couleur de la zone de texte pour qu'elle change lors de la saisie en javascript

醉折花枝作酒筹

Jun 09, 2021 pm 04:24 PM

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.

Comment définir la couleur de la zone de texte pour qu'elle change lors de la saisie en javascript

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,&#39;#f4eaf1&#39;)" onblur="myblur(this,&#39;white&#39;)" value="请输入收件人地址"/>

用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除

Copier après la connexion

L'événement onfocus se produit lorsque l'objet obtient le focus. Onfocus est généralement utilisé pour ,