Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim Web-Frontend js-Tutorial So legen Sie fest, dass sich die Farbe des Textfelds bei der Eingabe in Javascript ändert

So legen Sie fest, dass sich die Farbe des Textfelds bei der Eingabe in Javascript ändert

醉折花枝作酒筹
醉折花枝作酒筹
Jun 09, 2021 pm 04:24 PM

In JavaScript können Sie das Onfocus-Ereignis verwenden, um die Farbe des Textfelds bei der Eingabe zu ändern. Sie müssen nur das Onfocus-Ereignis an das Element binden und dann „object.style.background="color value"“ verwenden. Das Onfocus-Ereignis tritt auf, wenn ein Objekt den Fokus erhält, und wird normalerweise in Formularen verwendet.

So legen Sie fest, dass sich die Farbe des Textfelds bei der Eingabe in Javascript ändert

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Dynamisch festgelegte Textfeldfarbe: 

主要是利用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="请输入收件人地址"/>

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

onfocus-Ereignis tritt auf, wenn ein Objekt den Fokus erhält. Onfocus wird normalerweise für ,