- 浏览: 155999 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 2040jQuery与ExtJS优缺点比较 jQuery 主页:h ... -
html5 在IE6/IE7/IE8中使用html5标签
2014-01-13 11:26 5040html5 在IE6/IE7/IE8中使用html5标签 h ... -
让IE浏览器支持HTML5标准的方法
2014-01-10 15:24 555让IE浏览器支持HTML5标准 ... -
jquery设置元素的readonly和disabled
2013-12-25 10:29 500jquery设置元素的readonly和disabled ... -
JS数据类型转换
2013-12-06 09:55 709JS数据类型转换 JS数据类型转换方法主要有三种:转换函数、 ... -
window.onload
2013-11-27 16:50 600window.onload 简单地讲 ... -
JS:window.onload的使用
2013-11-27 16:30 617JS:window.onload的使用 1、最简单的调用 ... -
$(document).ready() 与 JavaScript中的window.onload
2013-11-27 15:07 595Jquery中$(document).ready()的 ... -
小编辑 HTML5 的 placeholder属性
2013-11-20 16:52 511HTML5 的 PLACEHOLDER 属性\ HTML5 ... -
JSON 数据格式
2013-11-14 10:37 433JSON 数据格式 JSON(JavaScript Obje ... -
js 中 map 转换 json 格式
2013-11-01 14:13 19895js 中 map 转换 json 格式 function ... -
JS获取当前页面的URL信息
2013-10-31 17:30 580JS获取当前页面的URL信 ... -
input失去焦点和获得焦点jquery焦点事件
2013-01-09 16:12 4566<html xmlns="http://www ... -
style中position的属性值详解
2013-01-09 15:31 680style中position的属性值详 ... -
HTML 事件属性
2012-12-07 17:52 705HTML 4 的新特性之一是可以使 HTML 事件触发浏览 ... -
HTML <a> 标签的 target 属性
2012-12-07 17:43 1595<h3>Table of Contents< ... -
jsp页面Table自动换行
2012-12-05 10:29 2070自动换行:word-wrap:break-word;table ...
相关推荐
input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了。 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点...input失去焦点和获得焦点jquery焦点事件插件 – 懒人建站</title> <scrip
介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现,有需要的朋友可以参考一下
并可以指定input获得焦点和失去焦点的CSS样式 以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名...
当用户与TextBox交互时,我们有时需要在特定事件(如获得焦点或失去焦点)时执行一些功能,例如验证输入、更新界面或者提供反馈。本文将详细讨论如何利用客户端JavaScript事件来实现这些需求。 首先,我们要理解...
本文将讨论如何使用jQuery来实现一个常见的功能:当`input`输入框获得焦点时隐藏默认文字,失去焦点且未输入内容时恢复默认文字。 首先,传统的实现方式是在HTML标签中直接内联JavaScript事件处理函数,例如`...
在本文中,我们将探讨如何使用jQuery和JavaScript来监听HTML input元素的值变化事件。文章首先介绍了input元素值变化的不同监听方法,并详细解释了每种方法的工作原理、适用场景以及可能遇到的问题。 首先,文章...
2. **选中table内的所有input**:使用jQuery的选择器选取表格内的所有`<input>`元素,并为它们添加初始的焦点事件处理。 ```javascript $(document).ready(function() { var inputs = $('table input'); inputs....
总结起来,"jQuery表单获取和失去焦点输入框提示效果"是利用jQuery库来增强表单交互的一个实例,它通过监听和响应输入框的`focus`和`blur`事件,动态地改变提示信息,从而提供更直观的用户引导。这不仅提高了用户对...
总结以上,使用jQuery实现input框获取焦点的方法涉及了事件绑定、事件触发、以及DOM遍历和操作,这些操作使得我们能够为用户提供更直观的交互体验。在实际开发中,类似的技术会被广泛应用在表单处理、用户交互和数据...
在实现Div失去焦点的效果时,可能会用到`:focus`伪类,当元素获得焦点时应用特定的样式,失去焦点时则移除这些样式。同时,`transition`属性可以添加平滑过渡效果,使样式变化更自然。此外,`box-shadow`、`border`...
在这个特定的场景中,我们关注的是如何使用jQuery来实现一个功能:当文本框(input[type="text"])获取焦点时,其预设的文字自动消失,而当失去焦点时,文字又能重新出现。这个功能常见于搜索框或表单输入,以引导...
通过jQuery的`.each()`遍历所有`.input_txt`类的输入框,分别设置获取焦点和失去焦点时的事件处理。`for`属性在`<label>`标签中与`<input>`的`id`关联,使得点击`<label>`时`<input>`获取焦点。 此功能的实现利用了...
2. **选择器和DOM操作**:在事件处理函数中,`$(this)` 指代当前触发事件的元素,即获得或失去焦点的输入框。`closest` 方法用于找到离当前元素最近的匹配指定类名的祖先元素。在这个例子中,我们希望找到输入框的...
2. **事件绑定**:jQuery提供了`.focus()`和`.blur()`方法,分别用于在元素获得焦点和失去焦点时触发回调函数。在提示功能中,`.focus()`事件可能用来显示提示框,而`.blur()`则负责隐藏。 3. **DOM操作**:为了...
本文将围绕“JQ文本框得到失去焦点”这一主题进行详细讲解,帮助开发者理解如何利用jQuery来监听文本框(input[type="text"])的聚焦(focus)和失焦(blur)事件。 ### 一、jQuery基本概念 jQuery库通过$函数提供...
总结来说,面对“jquery 强制设置文本框处于英文输入法状态”的问题,开发人员可以利用jQuery事件处理和JavaScript的特性来控制文本框的输入模式,确保在扫描枪或其他输入设备触发时,系统不会误切换到中文输入法。...
本文介绍了一个使用jQuery实现的简单实例,即在网页中通过注册文本框获取焦点时清空提示,失去焦点时如果没有输入,则重新显示提示信息的功能。在用户注册过程中,这常常被用来提示用户输入必须的信息,如账号、密码...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery实现一个功能,即当用户点击input文本框时,弹出一个下拉菜单供用户选择。...