jQuery实用小技巧_输入框文字获取和失去焦点的简单实例


Posted in Javascript onAugust 25, 2016

jQuery实用小技巧_输入框文字获取和失去焦点的简单实例

<input id="txt" class="text1" type="text" />  

<script src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">

$(function () {

  $("input.text1").val("输入文字!");

  textFill($('input.text1'));

})
function textFill(input) {

  var str = input.val();
  input.focus(function () {
 if ($.trim(input.val()) == str) {

 input.val('');
 }
 }).blur(function () {
  if ($.trim(input.val()) == '') {
  input.val(str);
  }

});
}

</script>

以上这篇jQuery实用小技巧_输入框文字获取和失去焦点的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Js 获取HTML DOM节点元素的方法小结
Apr 24 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
Apr 29 Javascript
JS实现self的resend
Jul 22 Javascript
javascript变量作用域使用中常见错误总结
Mar 26 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
layui文件上传控件带更改后数据传值的方法
Sep 23 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 #Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 #Javascript
jquery点击切换背景色的简单实例
Aug 25 #Javascript
浅析Javascript ES6中的原生Promise
Aug 25 #Javascript
微信JS接口大全
Aug 25 #Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 #Javascript
浅析Javascript ES6新增值比较函数Object.is
Aug 24 #Javascript
You might like
Terran魔法科技
2020/03/14 星际争霸
检查url链接是否已经有参数的php代码 添加 ? 或 &amp;
2010/02/09 PHP
PHP二维数组去重实例分析
2016/11/18 PHP
php实现的网页版剪刀石头布游戏示例
2016/11/25 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
Track Image Loading效果代码分析
2007/08/13 Javascript
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
jQuery控制frames及frame页面JS的方法
2016/03/08 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
完美的js div拖拽实例代码
2016/09/24 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
python复制文件代码实现
2013/12/23 Python
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
Python实现列表转换成字典数据结构的方法
2016/03/11 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
python读取指定字节长度的文本方法
2019/08/27 Python
python3跳出一个循环的实例操作
2020/08/18 Python
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
2015学校年度工作总结
2015/05/11 职场文书
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL