【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);

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

smart_dream

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值