Heim  >  Artikel  >  Web-Frontend  >  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

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-06-09 16:24:026486Durchsuche

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="请输入收件人地址"/>

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

onfocus-Ereignis tritt auf, wenn ein Objekt den Fokus erhält. Onfocus wird normalerweise für d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e und 3499910bf9dac5ae3c52d5ede7383485 verwendet.

Tipp: Das Gegenereignis des onfocus-Ereignisses ist das onblur-Ereignis.

Erweiterte Informationen:

Das Onblur-Ereignis tritt auf, wenn das Objekt den Fokus verliert. Onblur wird häufig für Javascript-Validierungscode verwendet, der im Allgemeinen in Formulareingabefeldern verwendet wird.

Syntax

HTML:

<element onblur="SomeJavaScriptCode">

JavaScript:

object.onblur=function(){SomeJavaScriptCode};

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass sich die Farbe des Textfelds bei der Eingabe in Javascript ändert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn