由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0].focus(); 需要注意两个函数之间的区别: $("#id").focus(); 和 $("#id")[0].focus(); 第一个是增加onFocus()时间,一个是使DOM对象获得焦点。
创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的祁县网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
怎样可以在“jquery”让文本框获取焦点时改变背景颜色?
1、先使用jQuery选择器找到所有的文本框
2、为文本框注册获得焦点事件,即focus事件
3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色
4、注册失去焦点事件,即blur事件
5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色script type="text/javascript" $(funct $("input:text").focus(function(){ //让当前得到焦点的文本框改变其背景色$(this).css("background","pink");}); //找到文本框,并注册失去焦点事件$("input:text").blur(function()//让当前失去焦点的文本框背景色变为白色$(this).css("background","white"); }); });/script
首先我要说你的事件注册的不对,应该这样写:
$("#two").focus();
$("div").keydown(function(e){
if(e.keyCode == 13){
alert($(this).html());
}
});
其次,div默认是不能focus的,所以你的焦点就没进去。
如果你实在是要实现div的focus,并且按回车显示内容的话,我有一个办法能达到你的效果。
把三个div换成这样:
div id="one" contenteditable="true"oooo/div
div id="two" contenteditable="true"tttt/div
div id="three" contenteditable="true"hhhh/div
不管IE还是火狐都能达到你的效果。
$(function(){
$(":text").focus(function(){
this.select();
});
});
JQuery文本框获得焦点背景颜色改变:
1.先使用jQuery选择器找到所有的文本框。
2.为文本框注册获得焦点事件,即focus事件。
3.在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。
4.注册失去焦点事件,即blur事件。
5.在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。
script type="text/javascript"
$(function(){
//找到文本框,并注册得到焦点事件。
$("input:text").focus(function(){
//让当前得到焦点的文本框改变其背景色。
$(this).css("background","pink");
});
//找到文本框,并注册失去焦点事件
$("input:text").blur(function(){
//让当前失去焦点的文本框背景色变为白色。
$(this).css("background","white");
});
});
/script
当前文章:jquery焦点事件,jquery焦点事件失效
链接地址:https://www.cdcxhl.com/article24/dscpdce.html
成都网站建设公司_创新互联,为您提供小程序开发、微信公众号、响应式网站、移动网站建设、企业网站制作、Google
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联