首页 > 网络编程 > JavaScript > 表单特效 > 文本框 焦点 文本框点击时文字消失，失去焦点时文字出现 2008-09-26 07:54:44 作者： 这个功能主要用户搜索关键字框中，提示用户输入关键字，代码清晰，比原理的功能要好很多，推荐使用 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charsetGB2312" /> <title>文本框点击时文字消失，失去焦点时文字出现 </title> </head> <body> <input type="text" value="请输入您的姓名" id="myinput" /> </body> </html> <script language="JavaScript" type="text/javascript"> function addListener(element,e,fn){ if(element.addEventListener){ element.addEventListener(e,fn,false); } else { element.attachEvent("on" + e,fn); } } var myinput = document.getElementById("myinput"); addListener(myinput,"click",function(){ myinput.value = ""; }) addListener(myinput,"blur",function(){ myinput.value = "请输入您的姓名"; }) </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:jquery-1.2.6得到焦点与失去焦点的写法js 失去焦点时关闭层实现代码文本框获得焦点和失去焦点的判断代码在js(jquery)中获得文本框焦点和失去焦点的方法input 输入框获得/失去焦点时隐藏/显示文字(jquery版)jquery获取焦点和失去焦点事件代码div失去焦点事件实现思路textarea焦点的用法实现获取焦点清空失去焦点提示效果wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
