JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言,当鼠标点击此文本框的时候能够将里面的默认文本清除,当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框。
代码如下:
点击文本框清除默认值window.οnlοad=function()
{
var username=document.getElementById("username");
username.οnclick=function()
{
if(username.value=="请输入您的姓名")
{
username.value="";
this.focus();
}
}
username.οnblur=function()
{
if(username.value=="")
{
username.value="请输入您的姓名";
}
}
}
以上代码实现了我们的要求,当点击文本框的时候能够清除文本框中的内容,如果文本框没有输入任何内容,这个时候鼠标焦点离开文本框的时候,会将文本框的值恢复到默认状态。不过如果密码框肯恩有点麻烦,因为密码框并非显示的明文,解决方案可以参阅JavaScript实现输入框(密码框)出现提示语一章节。
鼠标离开文本框时触发js的方法
function validate() {
var name = document.getElementById("txtName");
if (name.value == 2) {
alert("你必须不是二!");
name.focus();
return false;
}
return true;
}
相关阅读:
Java设计模式之Strategy模式
表单元素属性readonly和disabled使用对比
13 招教你用好 Mac 的预览 app
PHP使用header()输出图片缓存实例
虚拟机linux端mysql数据库无法远程访问的解决办法
java数据结构与算法之双向循环队列的数组实现方法
C#中委托(Delegates)的使用方法详解
Mac应用图标怎么更换?苹果电脑Mac修改应用图标图文教程
分享28款免费实用的 JQuery 图片和内容滑块插件
yii实现model添加默认值的方法(2种方法)
父元素与子iframe相互获取变量和元素对象的具体实现
JavaScript获取各大浏览器信息图示
Joomla实现组件中弹出一个模式(modal)窗口的方法
win8系统两种安全模式怎样进行切换 win8系统两种安全模式切换方法