jquery使获得焦点,jquery让div失去焦点

jquery怎么设置焦点在输入框

需要准备的材料分别有：电脑、html编辑器、浏览器。

创新互联建站专注于祥云网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供祥云营销型网站建设，祥云网站制作、祥云网页设计、祥云网站官网定制、重庆小程序开发服务，打造祥云网络公司原创品牌,更为您提供祥云网站排名全网营销落地服务。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、其次，在index.html中的script标签，输入jquery代码：$('input').focus();。

3、浏览器运行index.html页面，此时用jquery成功获取了input输入框的焦点。

$('input[name="name"]').on('input propertychange', function(event) {

var _this = $(this);

var vals = _this.val();

if(vals!=''){

setTimeout(function(){

_this.next().focus();

},1000)

}

});

让输入框获得焦点：$("input").focus(callback); //callback回调函数为可填

判断输入框是否获得了焦点：$("input").is(":focus") ，true为获得了焦点，false反之。

DIV获取焦点有两种方法：

DIV直接使用focus()和blur()两个方法是无效的，需添加tabindex="0contenteditable="true"属性，设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的，

设置div的tabindex，此时div的内容是不可编辑的。

PS:设置tabindex属性，按键盘Tab键可让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦

DIV获取焦点（两种方法）：

DIV直接使用focus()和blur()两个方法是无效的，需添加tabindex="0"或者contenteditable="true"属性

①：设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如：

div

contenteditable="true"11111111111111/div

②：设置div的tabindex，此时div的内容是不可编辑的；如：

div

tabindex="0"11111111111111/div

PS:设置tabindex属性，按键盘Tab键可让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦

分享文章：jquery使获得焦点,jquery让div失去焦点
文章URL：http://mswzjz.cn/article/dsioooj.html