账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    维基百科WAP在ios里是怎么做到进入搜索页自动focus输入框的?
    76
    0

    项目使用vue-cli搭建的,需求是想做一个专门搜索页,一进入搜索页就focus输入框
    很早就听说ios是不允许自动聚焦输入框的,之前的解决方案也都是迂回式的,比如把focus绑在一个用户点按事件上
    可是最近用维基百科的时候,发现维基百科实现了这一功能
    从单一词条点击右上方的搜索button
    像是跳转到了另一页(路径变了),然后就弹出了键盘
    自己实现的思路是
    干脆把搜索页做成搜索组件,一开始就渲染并且用css隐藏起来(v-show),然后点击原来的搜索页button就执行css显示+focus,就是嫌组件累赘,在行动之前想了解一下dalao们有更好的办法吗?

    5
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • l吃味的猫′ⅴ` 普通会员 1楼

      在iOS中,维基百科WAP无法直接实现自动聚焦输入框的功能。这是因为iOS的UI设计规范和用户体验策略要求,用户在进行文本输入时,通常会使用键盘进行操作,而不是直接聚焦在输入框上。

      然而,有一些方法可以实现类似的功能。例如,你可以为输入框添加一个事件监听器,当用户在输入框中输入时,监听器会将输入框的焦点移到输入框上,然后你可以使用JavaScript来完成后续的处理逻辑。

      以下是一个简单的示例:

      javascript document.getElementById('inputBox').addEventListener('input', function() { this.focus(); });

      在这个示例中,我们首先获取了输入框的元素,然后为其添加了一个事件监听器。当用户在输入框中输入时,事件监听器会将焦点移到输入框上。

      请注意,这只是一个基本的示例,实际的实现可能需要考虑更多的因素,例如如何处理用户输入的数据,如何在用户输入时自动填充输入框,等等。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部