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 相关文章推荐
My Desktop :) 桌面式代码
Dec 29 Javascript
一个js拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
jQuery使用之标记元素属性用法实例
Jan 19 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
JavaScript 有用的代码片段和 trick
Feb 22 Javascript
vue中多个倒计时实现代码实例
Mar 27 Javascript
150行Node.js实现的dns代理工具
Aug 02 Javascript
js实现漂亮的星空背景
Nov 01 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 curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
php中convert_uuencode()与convert_uuencode函数用法实例
2014/11/22 PHP
js Flash插入函数免激活代码
2009/03/31 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
JavaScript排序算法动画演示效果的实现方法
2016/10/18 Javascript
jsTree使用记录实例
2016/12/01 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
详解Django框架中的视图级缓存
2015/07/23 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
养殖人员的创业计划书范文
2013/12/26 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
人事专员岗位职责说明书
2014/07/30 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
党的群众路线教育实践活动个人对照检查材料(企业)
2014/11/05 职场文书
高中班主任评语
2014/12/30 职场文书
六五普法心得体会2016
2016/01/21 职场文书