wlbk.net
当前位置:首页 >> jquEry获取焦点问题 >>

jquEry获取焦点问题

div是没有focus和blur事件的,可以focus可以使用click代替,blur事件可以当click响应时监控一下click事件,如果点击不是这个div.就响应blur要执行的事件

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

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

div获取焦点(两种方法):div直接使用focus()和blur()两个方法是无效的,需添加tabindex="0"或者contenteditable="true"属性①:设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的;如:11111111111111②:设置div的tabindex,此时div的内容是不可编辑的;如:11111111111111ps:设置tabindex属性,按键盘tab键可让其获取焦点,其中tabindex的值越小在tab键切换的时候就会首先聚焦

用focus()来获得焦点

写一个测试咯,比如:$("#boxid").focus(function){ //当文本框获取焦点的时候,弹出提示 alert('哈哈,焦点获取到了哦');}

onblur事件是当前对象失去焦点时候触发,这时候还没有元素获得焦点.document.activeElement是获取当前获得光标焦点的对象

一楼正解$("input").focus(function(){ $("input").css("background-color","#FFFFCC");});$("input").blur(function(){ $("input").css("background-color","#D6D6FF");});

$(":focus").css("border","1px dotted red"); 获得焦点的元素会出现一个红色的虚线边框 如果是要判断是否存在获得焦点的元素,可以这样:if($(":focus").length){//有 }else{//没有 }

让输入框获得焦点:$("input").focus(callback); //callback回调函数为可填判断输入框是否获得了焦点:$("input").is(":focus") ,true为获得了焦点,false反之.

网站首页 | 网站地图
All rights reserved Powered by www.wlbk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com