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

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实用小技巧_输入框文字获取和失去焦点的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索输入框失去焦点事件、js输入框失去焦点事件、jq输入框失去焦点事件、jquery输入框失去焦点、输入框失去焦点,以便于您获取更多的相关知识。

时间: 2024-09-01 00:21:42

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

jquery计算出left和top,让一个div水平垂直居中的简单实例_jquery

实例如下: if($("#cont1").css("position")!="fixed"){ $("#cont1").css("position","absolute"); var dw = $(window).width(); var ow = $("#cont1").outerWidth(); var dh = $(window).height(); var o

js、jquery实用小技巧集合

Tip16:JS的定时器 JS 中有两种定时器,setTimeout('fn', t) 和 setInterval('fn', t),'fn'指的是定时执行的方法名,字符串类型.       setTimeout('fn', t):   只执行一次,执行完成后将销毁.   setInterval('fn', t):一直执行.   (Date:2012-02-17)   ----------------------------------------------------------------

seo实用小技巧_网站应用

那么我对这个网页都作了些什么呢?好,我们先说网页的本身! 1.我在整个网页中没有使用H1---H6: 如果在网页中使用H1包着标题,那么这是很重要的,但我没有! 2.我没有设计META中的KEYWORDS等比较重要的东西: 如果META好好优化一下,可以大大提升关键字的比重!我也没有! 3.布局方面我也没有用什么常说的DIV+CSS: 如果用DIV+CSS来作,可以使代码非常的清XI,我也没有作! 4.我的代码混乱: 这个同上吧! 不用多说,如果说优化的话,那么以上四点是有很多的优化空间的:我没

jquery实现弹出div,始终显示在屏幕正中间的简单实例_jquery

以下代码块就能始终让弹出div位于屏幕的正中心,希望对大家有所帮助! 复制代码 代码如下:     //让指定的DIV始终显示在屏幕正中间       function setDivCenter(divName){           var top = ($(window).height() - $(divName).height())/2;           var left = ($(window).width() - $(divName).width())/2;           v

VC小技巧汇总之5则实用小技巧_C 语言

本文搜集汇总VC的5则小技巧,非常实用,对于VC程序设计有很好的参考借鉴价值,详情如下: 1.如何获取程序所在的路径 也就是获取你这个程序本身所在的路径. 在应用程序类CxxApp的头文件中定义一个变量CString m_exePath;用来放置程序的路径名,在应用程序类CxxApp的InitInstance()函数中加入如下语句: TCHAR m_Path[MAX_PATH]; GetModuleFileName( NULL, m_Path, MAX_PATH ); //获取程序路径(包括程序

Jquery使用小技巧汇总_jquery

下面列出了一些Jquery使用技巧.比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器.预加载图片.页面样式切换.所有列等高.动态控制页面字体大小.获得鼠标指针的X值Y值.验证元素是否为空.替换元素.延迟加载.验证元素是否存在于Jquery集合中.使DIV可点击.克隆对象.使元素居中.计算元素个数.使用Google主机上的Jquery类库.禁用Jquery效果.解决Jquery类库与其他Javascript类库冲突问题. 1. 禁止右键点击 $(document).ready

PPT扁平化设计的8个实用小技巧

PPT扁平化设计的8个实用小技巧   扁平化是目前的主流设计风格,本文总结了扁平化设计的8个小技巧,字体.图标.排版.配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作海报和PPT设计. 最近帮一个师兄做一个PPT,用了几乎每个人都听说过的扁平化风格.于是趁热打铁,找了一些扁平化的作品和文章看了,自己对扁平化做一个总结,希望对你ppt抑或海报设计有所帮助. 注:此处所谈的扁平化指的是一个大的概念,将后面衍生出来所谓的"似扁平化"也包含进来. Tip 1:关于高光.渐变和投影

Photoshop实用小技巧介绍

  Photoshop实用小技巧介绍 调整个别字符之间的距离 使用文字工具添加文字以后,如果你想调整个别字符之间的距离,可以将光标放在需要调整的两个字符之间,按住Alt键后,用左右方向键调整,非常灵活和方便. 快速改变对话框中显示的数值 要快速的改变在对话框中显示的数值,首先用鼠标点击那个数字,让光标处在对话框中,然后就可以用上下方向键来改变该数植了.如果在用方向键改变数值前先按下Shift键,那么数值的改变速度会加快(一般以10为步长). 临时切换到滴管工具 如果你现在处于以下的状态:毛笔,喷

JavaScript编程的10个实用小技巧_javascript技巧

在这篇文章中,我将列出10个Javascript实用小技巧,主要面向Javascript新手和中级开发者.希望每个读者都能至少从中学到一个有用的技巧. 1.变量转换 看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. 复制代码 代码如下: var myVar   = "3.14159",str     = ""+ m