DOM点击的文本框背景为黄色其他的为白色

最新推荐文章于 2021-04-30 23:01:20 发布

胖胖爱家

最新推荐文章于 2021-04-30 23:01:20 发布

阅读量924

点赞数

分类专栏： js / jq / vue 文章标签： input function xhtml button html

本文链接：https://blog.csdn.net/yual365/article/details/6786270

版权

js / jq / vue 专栏收录该内容

85 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击的文本框背景为黄色其他的为白色</title>
<script type="text/javascript">
function initEvent(){
  var inputs = document.getElementsByTagName("input");
  for(var i = 0;i<inputs.length;i++){
   var input = inputs[i];
   if(input.type=="text"){//判断只有为text的文本框才监听事件
    input.onfocus = inputOnFocus;//得到焦点是执行此事件
    input.onblur = inputOnBlur;//失去焦点是执行此事件严格区分大小写如果onblur些微onBlur则不会执行inputOnBlur函数
   }

  }
}
function inputOnFocus(){
  this.style.background = "red";
}
function inputOnBlur(){
  this.style.background = "white";
}

</script>
</head>
<body οnlοad="initEvent()">
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="button" />
</body>
</html>

胖胖爱家

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM点击的文本框背景为黄色其他的为白色

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">点击的文本框背景为黄色其他的为白色 function initEvent(){
复制链接

扫一扫

专栏目录