欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 培训 > 【js】input设置focus()不生效

【js】input设置focus()不生效

2025/2/26 13:16:10 来源:https://blog.csdn.net/xiaoxiong_jiaxin/article/details/139472322  浏览:    关键词:【js】input设置focus()不生效

实现功能:点击添加文章标签的时候,输入框聚焦。 

页面上,input输入框默认不显示,是display:none;  点击添加按钮后,input输入框才显示。
在js里面直接获取元素进行设置聚焦不成功 。

∵ focus方法比show方法先执行。js设置focus(),focus先执行了,而input还没显示,所以会觉得focus()没生效。

解决办法:让focus()后执行就可以了。可以用setTimeOut()让focus方法后执行。

var showAddKdTag = true;//显示 添加标签 输入框setTimeout(function () {var tagElement = document.getElementsByName('newTag');//获取当前输入框元素tagElement[0].focus();// 现在将焦点设置到这个输入框上
}, 100);

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com