input失去焦点和获得焦点jquery焦点事件插件

转载 2013年12月05日 14:24:46
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
  <title>input失去焦点和获得焦点jquery焦点事件插件 - 懒人建站</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function(){
  //focusblur
  jQuery.focusblur = function(focusid) {
  var focusblurid = $(focusid);
  var defval = focusblurid.val();
  focusblurid.focus(function(){
  var thisval = $(this).val();
  if(thisval==defval){
  $(this).val("");
  }
  });
  focusblurid.blur(function(){
  var thisval = $(this).val();
  if(thisval==""){
  $(this).val(defval);
  }
  });
   
  };
  /*下面是调用方法*/
  $.focusblur("#searchkey");
  });
  </script>
  </head>
   
  <body>
  <form action="" method="post">
  <input name="" type="text" value="输入搜索关键词" id="searchkey"/>
  <input name="" type="submit" id="searchbtn" value="搜索"/>
  </form>
  <p>input失去焦点和获得焦点jquery焦点事件插件,<br/><strong style="color:#F00">鼠标在搜索框中点击的时候里面的文字就消失了</strong></p>
   
  </body>
  </html>

jquery input 下拉框(模拟select控件)焦点事件

原文链接:jquery input 下拉框(模拟select控件)焦点事件 本章主要讲解如何实现select下拉列表可输入效果 ps:input提供输入,然后用ul去模拟一个select下拉列表效...

jQuery表单Input文本框默认说明文字获得焦点后消失效果

法一: 加入以下jQuery代码 var txt=[];   var textbox=$('input:text');   textbox.each(f...

jQuery表单Input文本框默认说明文字获得焦点后消失效果

法一: 加入以下jQuery代码 var txt=[]; var textbox=$('input:text'); textbox.each(function(){ txt.push($(this...
  • jyee721
  • jyee721
  • 2012年01月31日 16:04
  • 8439

input 输入框获得/失去焦点时隐藏/显示文字

这个标题可能比较拗口不好理解,但是我相信所有的人都见过这个效果,大家可以看本站右上角的搜索输入框,默认显示着“输入搜索内容”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户...

jQuery可自动播放动画焦点图插件Koala

Koala是一款简单而实用的jQuery焦点图幻灯片插件,焦点图不仅可以在播放图片的时候让图片有淡入淡出的动画效果,而且图片可以自动播放。该jQuery焦点图的每一张图片都可以设置文字描述,并浮动在图...
  • ccecwg
  • ccecwg
  • 2015年01月08日 10:56
  • 1467

一个带百叶窗焦点图片的jQuery插件源码发布

实现了百叶窗、左右、上下的焦点图片切换,兼容IE 6-10 ,firefox,chorme. 源码下载地址:http://download.csdn.net/detail/aofengdaxia/68...

jquery Xslider 插件焦点图片特效图片淡隐淡现、图片上下滚动、图片左右滚动、选项卡

http://www.iteye.com/topic/1125861 jquery Xslider 插件焦点图片特效图片淡隐淡现、图片上下滚动、图片左右滚动、选项卡演示页面_17...

jQuery焦点图轮播slide插件

jQuery焦点图轮播slide插件 需求示例: 一、插件API 1、插件使用 $.slide( container, contentCls, triggerCls [,con...

jQuery焦点图插件编写

无图无真相,各种类型的网站基本上都会用到焦点图。        以前在做网站的时候,基本上都无可避免的用到了焦点图,然而碍于时间、技术能力、兼容性等因素,只得去网上找一些广泛使用的焦点图插件,但是用的...

jQuery焦点图插件改造为CMD模块

说明之前写过一个jquery的焦点图插件http://blog.csdn.net/qinshenxue/article/details/9199619,最近项目用到了seajs,为了符合模块开发的原则...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input失去焦点和获得焦点jquery焦点事件插件
举报原因:
原因补充:

(最多只允许输入30个字)