关于微信付款码支付，HTML页面进入input自动获取焦点

最新推荐文章于 2022-05-17 10:22:00 发布

柴本柴柴

最新推荐文章于 2022-05-17 10:22:00 发布

阅读量566

点赞数 1

分类专栏：前端网页

前端网页专栏收录该内容

6 篇文章 0 订阅

订阅专栏

原创地址：https://wangye.org/blog/archives/150/

网上的 autofocus="autofocus"在网页刚加载完成时的确会有0.几秒的获得焦点，但是最后还是无效

2. JQ的focus，input的确会获得焦点，但只是获得焦点的样式。不能直接在input输入

3. Javascript的模拟click也不起效

最后我找到了：

<body>

    <input name="auth_code" id="auth_code" type="text" maxlength="18" placeholder="请顾客出示付款码完成支付" />

    

<script type="text/javascript">
//放在body中最下面，等input加载完再加载脚本，并延时获取焦点
setTimeout( function(){
     try{
         var t = document.getElementById('auth_code');
         t.focus();
         t.select();
     } catch(e){}
    }, 200);

</script>
</body>