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>
Javascript 相关文章推荐
找到了一篇jQuery与Prototype并存的冲突的解决方法
Aug 29 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 Javascript
Javascript图像处理思路及实现代码
Dec 25 Javascript
js用Date对象处理时间实现思路及代码
Jan 31 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 Javascript
一分钟理解js闭包
May 04 Javascript
原生js实现验证码功能
Mar 16 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
Aug 22 Javascript
Bootstrap实现下拉菜单多级联动
Nov 23 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
Vue-CLI与Vuex使用方法实例分析
Jan 06 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
You might like
php 面试碰到过的问题 在此做下记录
2011/06/09 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
php进程(线程)通信基础之System V共享内存简单实例分析
2019/11/09 PHP
JavaScript 原型链学习总结
2010/10/29 Javascript
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
JavaScript数据类型转换的注意事项
2016/07/31 Javascript
浅谈jQuery hover(over, out)事件函数
2016/12/03 Javascript
angular-ui-sortable实现可拖拽排序列表
2016/12/28 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
简单谈谈python中的语句和语法
2017/08/10 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
彼得罗夫美国官网:Peter Thomas Roth美国(青瓜面膜)
2017/11/05 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
女大学生自我鉴定
2013/12/09 职场文书
旅游项目开发策划书
2014/01/18 职场文书
电焊工岗位职责
2014/03/06 职场文书
《忆江南》教学反思
2014/04/07 职场文书
企业安全生产责任书
2014/04/14 职场文书
公司节能减排倡议书
2014/05/14 职场文书
单位承诺书格式
2014/05/21 职场文书
个人批评与自我批评
2014/10/15 职场文书
领导干部作风建设总结
2014/10/23 职场文书
2014年出纳工作总结与计划
2014/12/09 职场文书
2015年教研员工作总结
2015/05/26 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书