我有个无法解决的问题.

键盘在IOS上的input.focus()屏幕上不显示

 searchMobileToggle.addEventListener('click', function() {
       setTimeout(function(){
          searchField.focus();
       }, 300);
    });

我一直在寻找一个没有结果的解决方案,我知道这是一个经常未解决的问题,但我看到NIKE(https://m.nike.com/fr/fr_fr/)和FOODSPRING(https://www.foodspring.fr/)在手机上这样做.

所以我想知道他们是怎么做的?

推荐答案

我找到了一个解决方案,click()不起作用,但我找到了答案.

searchMobileToggle.addEventListener('click', function() {
         if(mobileSearchblock.classList.contains('active')) {
            searchField.setAttribute('autofocus', 'autofocus');
            searchField.focus();
        }
        else {
            searchField.removeAttribute('autofocus');
        }
    });

我和vue一起工作.加载组件时正在删除input autofocus属性的js.

谢谢你的帮助!

Vue.js相关问答推荐

使用内部方法创建计算(computed)属性是否合法?

Vue 3 范围滑块中的多个值

Svelte 中的简单react 性实验以意想不到的方式失败了. Vue 等效项没有

如何在 vue js 的一页路由下显示不同的 category._id

更改 Vuetify 轮播高度

在下拉菜单上使用箭头键滚动

正确实现 Vue.js + DataTables

vuex 中 { dispatch, commit } 的类型是什么?

Vuetify v-select 组件宽度变化

全局方法和实例方法有什么区别?

如何从 bootstrap-vue 模态监听事件?

vue-test-utils:无法覆盖属性 $route,这通常是由于插件将该属性添加为只读值

我可以在 Vue 实例方法中传播的 mapMutations 中使用this吗?

阻止 Vue 积极重用 dom 元素

VueJS错误编译模板

如何确定 Vue 何时完成更新 DOM?

axios 拦截器响应未定义

未在实例上定义,但在渲染期间引用

构建 Vue.js 应用程序时 JavaScript 堆内存不足

使用 vue.js 获取调用元素