帖子
帖子
用户
博客
课程
显示全部楼层
3
帖子
0
勋章
7
Y币

[多端开发] input 如何聚焦?

[复制链接]
发表于 2021-4-21 17:11:43
表单验证结束后 如何聚焦到 没通过验证的 input?
$("#mobile").focus() 没用啊。。。 有什么方法吗?

看了文档 和 社区  没人提这个问题。 你们都怎么实现的?

380
帖子
4
勋章
6
Y币
<template>
    <scroll-view class="main" scroll-y>
        <input placeholder="输入限制为10,自动获取焦点" maxlength="10" autofocus/>
        <input type="password" placeholder="密码输入框"/>
        <input id="test" placeholder="数字键盘" keyboard-type="number"/>
        <input placeholder="键盘完成按钮文字为搜索" confirm-type="search" onconfirm={this.onconfirm}/>
                <view onclick='fnname'>
                        <text>切换焦点</text>
                </view>
    </scroll-view>
</template>
<style>
    .main {
        width: 100%;
        height: 100%;
    }
    input {
        margin: 8px;
        width: auto;
    }
</style>
<script>
    export default {
        name: 'test',
        methods:{
            onconfirm(e){
                api.alert({
                    msg: '搜索' + e.detail.value
                });
            },
                         fnname() {
                                document.getElementById('test').focus()
                        }
        }
    }
</script>
您需要登录后才可以回帖 登录

本版积分规则