`

jQuery focus()事件 获取焦点事件

阅读更多

focus()
触发每一个匹配元素的focus事件。
这将触发所有绑定的focus函数,注意,某些对象不支持focus方法。

--------------------------------------------------------------------------------

Triggers the focus event of each matched element.
This causes all of the functions that have been bound to the focus event to be executed. Note that this does not execute the focus method of the underlying elements.
返回值
jQuery

示例
当页面加载后将 id 为 'login' 的元素设置焦点:

jQuery 代码:

$(document).ready(function(){
  $("#login").focus();
});
focus(fn)
在每一个匹配元素的focus事件中绑定一个处理函数。
focus事件可以通过鼠标点击或者键盘上的TAB导航触发

--------------------------------------------------------------------------------

Binds a function to the focus event of each matched element.
The focus event fires when an element receives focus either via the pointing device or by tab navigation.
返回值
jQuery

参数
fn (Function) : 在每一个匹配元素的focus事件中绑定的处理函数。

示例
使人无法使用文本框:

jQuery 代码:

$("input[type=text]").focus(function(){
  this.blur();
});

分享到:
评论
2 楼 ncast 2014-07-02  
ncast 写道
的撒旦 :ro[flash=200,200][flash=200,200][flash=200,200]ll:       

[/flash][/flash][/flash]
1 楼 ncast 2014-07-02  
的撒旦       

相关推荐

    jQuery中focus事件用法实例

    主要介绍了jQuery中focus事件用法,以实例形式分析了获取焦点时focus事件的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下

    jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

    在我们开发过程中特别是用户注册时会有一个效果,就是文本框获取焦点清空提示,如果用户没有输入信息失去焦点赋值上我们的提示语。 <html> <head> <meta ...

    文本框内容focus时隐藏

    《锋利的jquery》利用val方法获取文本框内容来判断聚焦时显示还是隐藏

    JQuery中使文本框获得焦点的方法实例分析

    由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0].focus(); 需要注意两个函数...

    jQuery中:focus选择器用法实例

    此选择器能够匹配当前获取焦点的元素。 语法结构: 代码如下:$(“:focus”) :focus选择器一般需要和其他选择器配合使用,例如和类选择器,元素选择器等等。例如: 代码如下:$(“li:focus”) 以上代码会匹配获得焦点...

    jquery实现input框获取焦点的方法

    获取表单焦点变色 //.login-form表单样式类 //.item input输入框父div // focus是要添加的样式类 $(".login-form").on("focus", "input", function(){ $(this).closest('.item').addClass('focus'); }).on("blur...

    jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后

    jquery获取焦点后光标在字符串后,当input获得焦点后,自动把光标移到文本内容的最后,jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法 代码如下: //获取焦点后光标在字符串后 //其原理就是获得焦点后...

    jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

    实现原理: 在document加载完成后(ready),添加input的focus和blur事件,并进行增加和删除样式的操作。 代码示例: 代码如下: <html> <head><title></title> <style type=”text/css”&...

    jQuery实现的事件绑定功能基本示例

    本文实例讲述了jQuery实现的事件绑定功能。分享给大家供大家参考,具体如下: ... ... 密 码:<input type=password id=...//获取焦点事件 $(#login).focus(function(){ var $realValue=$(this).val(); var $defau

    jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果

    jquery代码: 代码如下: $(document).ready(function(){ $(‘#address’).focus(function(){ var add_value=$(this).val(); if(add_value==”请输入邮箱地址”){ $(this).val(“”); } }) $(‘#a

    当jQuery1.7遇上focus方法的问题

    jQuery中有一个focus()方法能设置对象的焦点,在1.7以下的版本中,不管对象是不是disabed状态,这个方法都不会报错(只是当disabled时...意思是:不可见或不可用的元素无法获取焦点。(特别提一下:IE9很NB,能自动识别

    jQuery表单获取和失去焦点输入框提示效果的实例代码

    代码如下: $(“#focus .input_txt”).each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示 if(thisVal!=””){ $(this).siblings(“span”).hide();...

    jQuery 图片浏览放大插件 ZoomImage V1.0.rar

    onZoomOut function 回调函数,在图像被缩小时触发 onFocus function 回调函数,当图片获取焦点时触发 关闭所有图片或移除节点 如果你想关闭所有打开的图片或像不通过触发器清除图片(从DOM移除),那么你可以使用...

    jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题

    1、input框获取焦点时value为“”,失去焦点时value为“默认值”;—–这个很好实现;  2、当在input框中输入要搜素的内容后,点击div搜索,要求控制台打印输出要搜素的内容(当然每个项目的需求不同,这里只是举个...

    jQuery 在光标定位的地方插入文字的插件

    核心代码: 代码如下: (function($){ $.fn.extend({ “insert”:function(value){ //默认参数 ... //输入元素textara获取焦点 var fus = document.selection.createRange();//获取光标位置 fus.text = value.text; /

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    //事件 当对象text_id获取焦点时触发$(“#text_id”).blur(function(){//code…}); //事件 当对象text_id失去焦点时触发$(“#text_id”).select(); //使文本框的Vlaue值成选中状态$(“input[name=’radio_name’]...

    jQuery开发技巧

    当鼠标获得焦点 失去焦点的时候 input输入框文字处理: $ document ready function { $ "input text1" val "Enter your search text here" ; textFill $ "input text1" ; } ; ...

    模仿QQ商城轮动广告_全写好了,拿来就用吧

    //获取焦点图的宽度(显示面积) var len = $("#focus ul li").length; //获取焦点图个数 var index = 0; var picTimer; //以下代码添加数字按钮和按钮后的半透明条,还有上一页、下一页两个按钮 var btn = ...

    表单类各种类型(文本框)失去焦点效果jquery代码

    代码如下: 表单类失去焦点的效果</SPAN> 代码如下: [removed] $(function(){ $(“:input”).focus(function(){ //此处可获取各种表单如(:text/:button) $(this).addClass(“focusa”); if ($(this).val()==this....

Global site tag (gtag.js) - Google Analytics