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 相关文章推荐
循环 vs 递归浅谈
Feb 28 Javascript
JavaScript中的prototype和constructor简明总结
Apr 05 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 Javascript
JavaScript简介
Feb 15 Javascript
13个PHP函数超实用
Oct 21 Javascript
Angular如何引入第三方库的方法详解
Jul 13 Javascript
浅析java线程中断的办法
Jul 29 Javascript
JavaScript ES6中的简写语法总结与使用技巧
Dec 30 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
javascript this指向相关问题及改变方法
Nov 19 Javascript
如何在JavaScript中等分数组的实现
Dec 13 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
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
vue中接口域名配置为全局变量的实现方法
2018/09/20 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
在Python中操作字典之fromkeys()方法的使用
2015/05/21 Python
Python 26进制计算实现方法
2015/05/28 Python
详解Python的Django框架中manage命令的使用与扩展
2016/04/11 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
python机器学习理论与实战(四)逻辑回归
2018/01/19 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
Python 3.6 中使用pdfminer解析pdf文件的实现
2019/09/25 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
使用python实现回文数的四种方法小结
2019/11/24 Python
Python计算公交发车时间的完整代码
2020/02/12 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
学习Python需要哪些工具
2020/09/04 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
解决pip安装的第三方包在PyCharm无法导入的问题
2020/10/15 Python
python 解决函数返回return的问题
2020/12/05 Python
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
英国最大的电脑零售连锁店集团:PC World
2016/10/10 全球购物
小时代观后感
2015/06/10 职场文书
Python OpenCV 图像平移的实现示例
2021/06/04 Python
Nginx 常用配置
2022/05/15 Servers