JS文本获得焦点清除文本文字的示例代码
如下所示:
<!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>
<style type="text/css">
.clearFieldBlurred{
color:#ccc;
font-style:italic;
font-weight:normal;
width:150px;
}.clearFieldActive{
color:#4e4e4e;
font-weight:bold;
width:150px;
}
</style>
<script type="text/javascript">
function clearFiled(){
var bbb=document.getElementById("bbb");
if(bbb.value=="bbb"){
bbb.value='';
bbb.className='clearFieldActive';
}
}window.document.onmousedown=function(){
var bbb=document.getElementById('bbb');
if(bbb.value==""){
bbb.value='bbb';
bbb.className='clearFieldBlurred';
}
}
</script>
</head><body>
<input type="text" id="aaa" value="aaa" class="clearFieldBlurred" onfocus="if(this.value=='aaa'){this.value='';this.className='clearFieldActive';}" onblur="if(this.value==''){this.value='aaa';this.className='clearFieldBlurred';}"/>
<br />
<input type="text" id="bbb" value="bbb" class="clearFieldBlurred" onclick="clearFiled()" />
</body>
</html>
您可能感兴趣的文章:
- JS文本获得焦点清除文本文字的示例代码
- js 判断控件获得焦点的示例代码
- js 判断控件获得焦点的示例代码
- 文本框获得焦点,并且同时清空文本框内原有的文字。 如果文本框内已经有用户输入的内容了,那么就不应该进行清除文本款内容这个动作
- js清除input中type等于file的值域(示例代码)
- js设置文本框中焦点位置在最后的示例代码(简单实用)
- 文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
- javaScript让文本框内的最后一个文字的后面获得焦点实现代码
- 利用JS代码快速获得知网论文作为参考文献的引用文本
- js 上下左右键控制焦点(示例代码)
- js清除input中type等于file的值域(示例代码)
- JS中文本框获得焦点后,光标位置如何跳到文本末尾
- 文本输入框 文字左移输入示例代码
- jQuery(js)获取文字宽度(显示长度)示例代码
- 文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
- JS中文本框获得焦点后,光标位置如何跳到文本末尾
- jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法
- 【代码笔记】获得富文本设置以后的文字高度
- js设置文本框中焦点位置在最后的示例代码(简单实用)
- jQuery(js)获取文字宽度(显示长度)示例代码