linhui_dragon
- 浏览: 149335 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (137)
- JavaScript (23)
- get post (0)
- SSH (4)
- Hibernate (1)
- cmd (2)
- 火狐 IE (1)
- 中英文环境模板下载 (1)
- 日期 (0)
- 其他总结 (5)
- 正则校验 (3)
- Sql Server (0)
- FreeMarker (1)
- 继承 (1)
- SQL (2)
- ORACLE -- SQL Server -- Access 常见Sql语句的区别 (1)
- ORACLE -- SQL Server -- Access 常见Sql语句的区别 (0)
- 解决int和Integer不能互转 (0)
- 原子类 (1)
- Final，finally，finalize的区别 (1)
- Web前端 (12)
- Reader InputStream (1)
- 线程 (1)
- JDBC (1)
- AJAX (3)
- Linux (2)
- 素数 (1)
- 接口-----继承 (1)
- 数据库查询性能优化 (1)
- Spring MVC3 深入了解 (1)
- JS (18)
- log4j简介 (1)
- Java序列化的机制和原理 (0)
- allowTransparency属性 (1)
- 测试类 (1)
- CSS (14)
- JQuery (10)
- 多线程 (1)
- 数据库 (2)
- Spring 注解 (1)
- JSTL标签库 (1)
- HTML (8)
- 界面设计 (4)
- 测试 (4)
- 职业生涯 (1)
- 数据可视化 (1)
- UI设计 (3)
- eclipse怎样生成javadoc (2)
- redis memcache 比较 (1)
- Windows 8系统IE10无法安装Flash Player插件的解决办法 (1)
- IE7 问题 (1)
- 常用JS验证 (1)
- Hadoop，MapReduce学习步骤 (1)
- 开始-运行-命令大全 (1)
- jQuery与ExtJS优缺点比较 (1)
- Oracle (1)
- 文档转换 (1)
- Maven与Ant比较 (1)
最新评论
-
谁说我不是会员：
很给力的文章，通俗易懂
Get请求和Post请求的区别 -
Spirit_eye：
请问一个图片按钮怎么置灰
按钮置灰跟按钮不显示
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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(){
13 var thisval = $(this).val();
14 if(thisval==defval){
15 $(this).val("");
16 }
17 });
18 focusblurid.blur(function(){
19 var thisval = $(this).val();
20 if(thisval==""){
21 $(this).val(defval);
22 }
23 });
24
25 };
26 /*下面是调用方法*/
27 $.focusblur("#searchkey");
28 });
29 </script>
30 </head>
31
32 <body>
33 <form action="" method="post">
34 <input name="" type="text" value="输入搜索关键词" id="searchkey"/>
35 <input name="" type="submit" id="searchbtn" value="搜索"/>
36 </form>
37 <p>input失去焦点和获得焦点jquery焦点事件插件，<br/><strong style="color:#F00">鼠标在搜索框中点击的时候里面的文字就消失了</strong>。</p>
38
39 </body>
40 </html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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(){
13 var thisval = $(this).val();
14 if(thisval==defval){
15 $(this).val("");
16 }
17 });
18 focusblurid.blur(function(){
19 var thisval = $(this).val();
20 if(thisval==""){
21 $(this).val(defval);
22 }
23 });
24
25 };
26 /*下面是调用方法*/
27 $.focusblur("#searchkey");
28 });
29 </script>
30 </head>
31
32 <body>
33 <form action="" method="post">
34 <input name="" type="text" value="输入搜索关键词" id="searchkey"/>
35 <input name="" type="submit" id="searchbtn" value="搜索"/>
36 </form>
37 <p>input失去焦点和获得焦点jquery焦点事件插件，<br/><strong style="color:#F00">鼠标在搜索框中点击的时候里面的文字就消失了</strong>。</p>
38
39 </body>
40 </html>
分享到：
发表评论
-
jQuery与ExtJS优缺点比较
2014-03-18 11:36 1995jQuery与ExtJS优缺点比较 jQuery 主页：h ... -
html5 在IE6/IE7/IE8中使用html5标签
2014-01-13 11:26 4952html5 在IE6/IE7/IE8中使用html5标签 h ... -
让IE浏览器支持HTML5标准的方法
2014-01-10 15:24 504让IE浏览器支持HTML5标准 ... -
jquery设置元素的readonly和disabled
2013-12-25 10:29 471jquery设置元素的readonly和disabled ... -
JS数据类型转换
2013-12-06 09:55 668JS数据类型转换 JS数据类型转换方法主要有三种：转换函数、 ... -
window.onload
2013-11-27 16:50 564window.onload 简单地讲 ... -
JS:window.onload的使用
2013-11-27 16:30 579JS:window.onload的使用 1、最简单的调用 ... -
$(document).ready() 与 JavaScript中的window.onload
2013-11-27 15:07 560Jquery中$(document).ready()的 ... -
小编辑 HTML5 的 placeholder属性
2013-11-20 16:52 462HTML5 的 PLACEHOLDER 属性\ HTML5 ... -
JSON 数据格式
2013-11-14 10:37 399JSON 数据格式 JSON(JavaScript Obje ... -
js 中 map 转换 json 格式
2013-11-01 14:13 19865js 中 map 转换 json 格式 function ... -
JS获取当前页面的URL信息
2013-10-31 17:30 546JS获取当前页面的URL信 ... -
input失去焦点和获得焦点jquery焦点事件
2013-01-09 16:12 1328<html xmlns="http://www ... -
style中position的属性值详解
2013-01-09 15:31 623style中position的属性值详 ... -
HTML 事件属性
2012-12-07 17:52 672HTML 4 的新特性之一是可以使 HTML 事件触发浏览 ... -
HTML <a> 标签的 target 属性
2012-12-07 17:43 1523<h3>Table of Contents< ... -
jsp页面Table自动换行
2012-12-05 10:29 2010自动换行：word-wrap:break-word;table ...
相关推荐
input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了。 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点...input失去焦点和获得焦点jquery焦点事件插件 – 懒人建站</title> <scrip
并可以指定input获得焦点和失去焦点的CSS样式 以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名...
先来看javascript的直接写在了input上 代码如下: <input name=”pwuser” type=”text” id=”pwuser” class=”input” value=”楼盘账号” onBlur=”if(this.value==”) this.value=’楼盘账号’;” onFocus=”...
本文实例讲述了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能。分享给大家供大家参考，具体如下： 最近都成为页面仔了，主要工作都放在了前段，以前总是写后台程序，对前端的一些技术 html,css,...
input输入框在获得或失去焦点时隐藏或显示文字，这样的焦点效果想必很多朋友在填写form表格的时候都曾见识过吧，本文使用jquery实现以下，感兴趣的朋友可以参考下哈
添加jquery一个些函数实现使用键盘控制表格内的所有input标签的焦点的切换。
下面小编就为大家带来一篇jquery实现input框获取焦点的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
利用HTML5+CSS3+JQuery模拟Div失去焦点的效果，同时可以输入框切换
几款简单又好看的jQuery+css3输入框焦点事件动画特效，鼠标点击输入框获取焦点，里面的图标动画展示效果。 调用方法：1、在输入框中加上data-animation="slide"（动画效果，slide可以是其他的，具体参照textbox的css...
下面小编就为大家带来一篇jquery实现input框获取焦点的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript+jQuery 网页特效设计 ...当文本框(包括<input>和中的文本被选中的时触发) scroll() 当滚动条发生变化时触发 resize() 当调整浏览器窗口大小时触发 2、事件的绑定 bind() 方法：可以向被选元素添加一个或多
jquery_input提示框 里面含一个html和一个js文件，用于实现input 文本框获取焦点后弹出对应的选择提示框
下面小编就为大家带来一篇jquery注册文本框获取焦点清空,失去焦点赋值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
该插件提供一个为 input、select、textarea 提供一个 emptyHint 的属性，调用 js 可以将这部分的文字在输入框为空的时候以灰色的字体显示出来，作为一种默认提醒，当控件获得焦点之后，该灰色的字体会清空。...
本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法。分享给大家供大家参考。具体如下： 最近做过一个项目，需求是下拉框里自动匹配关键字，具体细节是实时监听文本框 value 值的变化，然后...
如何实现input输入框实时输入触发事件，下面有个不不错的示例使用jquery实现的，感兴趣的朋友可以参考下
点击input输入框弹出选择层(基于jquery) 网页特效,网页模板,导航菜单,焦点幻灯片,JS代码