编程 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 相关文章推荐

33个优秀的jQuery 教程分享(幻灯片、动画菜单)

Jul 08 Javascript

javascript实现促销倒计时+fixed固定在底部

Sep 18 Javascript

js实现获取焦点后光标在字符串后

Sep 17 Javascript

js实现二代身份证号码验证详解

Nov 20 Javascript

js获取当前时间显示在页面上并每秒刷新

Dec 24 Javascript

jQuery基于$.ajax设置移动端click超时处理方法

May 14 Javascript

浅析Node.js实现HTTP文件下载

Aug 05 Javascript

浅谈javascript:两种注释,声明变量,定义函数

Sep 29 Javascript

webpack4 + react 搭建多页面应用示例

Aug 03 Javascript

React性能优化系列之减少props改变的实现方法

Jan 17 Javascript

JS检索下拉列表框中被选项目的索引号(selectedIndex)

Dec 17 Javascript

十分钟教你上手ES2020新特性

Feb 12 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