扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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)
}
});
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流