GVKun编程网logo

js把正在点击的输入栏变换背景颜色搜索(js点击切换背景颜色)

10

本文将带您了解关于js把正在点击的输入栏变换背景颜色搜索的新内容,同时我们还将为您解释js点击切换背景颜色的相关知识,另外,我们还将为您提供关于AdobeXD怎么更换背景颜色?AdobeXD更换背景颜

本文将带您了解关于js把正在点击的输入栏变换背景颜色搜索的新内容,同时我们还将为您解释js点击切换背景颜色的相关知识,另外,我们还将为您提供关于Adobe XD怎么更换背景颜色?Adobe XD更换背景颜色教程、Android小程序实现切换背景颜色、CAD2014版如何切换背景颜色、cad怎么更换背景颜色的实用信息。

本文目录一览:

js把正在点击的输入栏变换背景颜色搜索(js点击切换背景颜色)

js把正在点击的输入栏变换背景颜色搜索(js点击切换背景颜色)

input和textarea


<script>
    window.onload = function(){
        listenInputFocus();
        listenTextareaFocus();
    }
    //点击input后改变背景颜色
    listenInputFocus = function(){
        var inputs = document.getElementsByTagName("input");
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].onfocus = function(){
                this.style.backgroundColor = ''#fff'';
            }
        }
    }
    //点击textarea后改变背景颜色
    listenTextareaFocus = function(){
        var textareas = document.getElementsByTagName("textarea");
        for (var tex = 0; tex < textareas.length; tex++) {
            textareas[tex].onfocus = function(){
                this.style.backgroundColor = ''#fff'';
            }
        }
    }
</script>





//本文来源于网络,本人总结起来并优化,分享给有需要的前端朋友,如有侵权,请联系删除,也请指正、批评

Adobe XD怎么更换背景颜色?Adobe XD更换背景颜色教程

Adobe XD怎么更换背景颜色?Adobe XD更换背景颜色教程

      很多小伙伴在玩Adobe XD的时候,不知道怎么更换背景颜色,下面小编为大家分享Adobe XD更换背景颜色教程,感兴趣的小伙伴不要错过哦!

      Adobe XD怎么更换背景颜色?Adobe XD更换背景颜色教程

      1、首先打开Adobe XD;

      2、然后选择画布大小;

      3、接着在右边点击“填充”;

      4、最后弹出颜色对话框,选择自己想要的颜色就行了。

      以上这篇文章就是Adobe XD更换背景颜色的步骤内容,有需要的小伙伴快来学习一下吧!

Android小程序实现切换背景颜色

Android小程序实现切换背景颜色

本文实例为大家分享了Android实现切换背景颜色的具体代码,供大家参考,具体内容如下

(1)首先打开界面布局文件,添加两个Button

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" >

 <Button
 android:id="@+id/btnYellow"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="黄色"
 android:textColor="#fff"
 />
 <Button
 android:id="@+id/btnBlue"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="蓝色"
 android:textColor="#fff"
 />

</LinearLayout>

(2)在res/values目录下创建一个颜色资源文件color.xml

(3)编辑color.xml

<?xml version="1.0" encoding="UTF-8"?>
<resources>
 <color name="yellow">#ffee55</color>
 <color name="blue">#0000ff</color>
</resources>

(4)此时在R.java中自动生成color资源

(5)最后编写程序代码

package com.example.ch03;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity {

 //声明两个按钮
 Button btnYellow;
 Button btnBlue;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 //根据Id找到界面中的两个按钮组件
 btnYellow=(Button)this.findViewById(R.id.btnYellow);
 btnBlue=(Button)this.findViewById(R.id.btnBlue);

 //注册监听器
 btnYellow.setOnClickListener(new OnClickListener(){
  public void onClick(View v){
  //设置背景颜色为黄色
  getWindow().setBackgroundDrawableResource(R.color.yellow);
  }
 });

 btnBlue.setOnClickListener(new OnClickListener(){
  public void onClick(View v){
  //设置背景颜色为蓝色
  getWindow().setBackgroundDrawableResource(R.color.blue);
  }
 });
 }
}

(6)结果展示

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

您可能感兴趣的文章:
  • Android开发实现按钮点击切换背景并修改文字颜色的方法
  • Android帧式布局实现自动切换颜色

CAD2014版如何切换背景颜色

CAD2014版如何切换背景颜色

在使用CAD时,有些人对CAD默认界面的颜色看着不舒服,于是就会用到背景颜色切换功能,下面教您如何操作。

1、打开2014版AUTO CAD,默认界面颜色是黑色的,个人喜好白色界面,现在要把界面颜色变回成黑色。

2、点击菜单栏里的“工具”选项

3、在工具的下拉菜单中有个“选项”按钮,我们点击它

4、在弹出的选项对话框中,我们选择“显示”,然后再选择“颜色”

5、在图形窗口颜色对话框中,我们可以对颜色进行切换,点击颜色选项框

6、在下拉的选项中,选择自己喜欢的颜色,然后选择应用并关闭,这时你会发现界面的颜色变了

7、最后在选项对话框中选择应用并确定,界面背景颜色切换完成。

cad怎么更换背景颜色

cad怎么更换背景颜色

很多朋友使用cad时,对于cad默认的背景颜色用起来很不习惯,在此教大家怎么改变cad背景颜色。希望能对大家有所帮助!

方法/步骤

1、在cad图纸空白处单机右键,选择选项。

2、点击显示按钮。

3、选择颜色选项。

4、在颜色栏选择喜欢的颜色。

5、点“应用并关闭”。

注意事项

最后不要忘记点“应用并关闭”否则之前的全部白设置了。

以上就是cad背景颜色如何改变方法介绍,希望能对大家有所帮助!

关于js把正在点击的输入栏变换背景颜色搜索js点击切换背景颜色的介绍已经告一段落,感谢您的耐心阅读,如果想了解更多关于Adobe XD怎么更换背景颜色?Adobe XD更换背景颜色教程、Android小程序实现切换背景颜色、CAD2014版如何切换背景颜色、cad怎么更换背景颜色的相关信息,请在本站寻找。

本文标签: