jquery获得焦点,jquery获得焦点事件

jquery一个div怎么获得焦点和失去焦点？

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键切换的时候就会首先聚焦

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

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

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

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

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

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

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

var _this = $(this);

var vals = _this.val();

if(vals!=''){

setTimeout(function(){

_this.next().focus();

},1000)

}

});

分享文章：jquery获得焦点,jquery获得焦点事件
当前URL：http://ybzwz.com/article/dssedhs.html