input标签获取焦点时清空文本框内提示信息

最新推荐文章于 2024-04-11 08:21:20 发布

lJean

最新推荐文章于 2024-04-11 08:21:20 发布

阅读量4.8k

点赞数

分类专栏： Javascript 文章标签： input function c

本文链接：https://blog.csdn.net/lJean/article/details/4290982

版权

Javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input标签获取焦点时清空文本框内提示信息</title>
<script type="text/javascript">
function addLoadEvent(funct){
var oldonload = window.onload;
if (typeof window.onload != 'function'){
  window.onload = funct;
}else{
  window.onload = function(){
   oldonload();
   funct();
  }
}
}

function checkInput(){
var inputId = document.getElementById('c_input');
var inputDefault = '请输入搜索字符';
function cls(){
  if (this.value == inputDefault){
   this.value = '';
  }
}
function res(){
  if (this.value == ''){
   this.value = inputDefault;
  }
}
inputId.onfocus = cls;
inputId.onblur = res;
}
addLoadEvent (checkInput);
</script>
</head>

<body>
<input type="text" value="请输入搜索字符" id="c_input" />
</body>
</html>