编程 Javascript

jQuery响应鼠标事件并隐藏与显示input默认值

Posted in Javascript onAugust 24, 2014

分享下jQuery如何隐藏和显示 input 默认值的例子。

<!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>jQuery 隐藏与显示 input 默认值</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html>

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 链式延迟执行DOME

Jan 04 Javascript

浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)

Jul 09 Javascript

零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门

Dec 20 Javascript

JavaScript获取页面中表单（form）数量的方法

Apr 03 Javascript

jQuery实现大转盘抽奖活动仿QQ音乐代码分享

Aug 21 Javascript

关于vue.js弹窗组件的知识点总结

Sep 11 Javascript

jQuery版AJAX简易封装代码

Sep 14 Javascript

Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法

Oct 30 Javascript

获取JavaScript异步函数的返回值

Dec 21 Javascript

在Vue中使用echarts的实例代码（3种图）

Jul 10 Javascript

echarts实现获取datazoom的起始值(包括x轴和y轴)

Jul 20 Javascript

JS如何监听div的resize事件详解

Dec 03 Javascript

js delete 用法(删除对象属性及变量)

Aug 24 #Javascript

JQuery实现动态表格点击按钮表格增加一行

Aug 24 #Javascript

js重写alert控件(适合学习js的新手朋友)

Aug 24 #Javascript

控制台报错object is not a function的解决方法

Aug 24 #Javascript

Jquery仿IGoogle实现可拖动窗口示例代码

Aug 22 #Javascript

JavaScript验证电子邮箱的函数

Aug 22 #Javascript

jQuery实现列表自动滚动循环滚动展示新闻

Aug 22 #Javascript