当前博客:移动端怎么控制输入框属性获得焦点或取消焦点呢

57 次浏览【转载需注明来源】

博客作者:【孟庆伟】

个性签名:寒窗苦读十年一朝凤舞九天

移动端怎么控制输入框属性获得焦点或取消焦点呢

默认排序
Generic placeholder image
Generic placeholder image
qiang Time: 2023-10-04 13:04:38

参考以下代码,我做了一个点击按钮更改获取焦点的状态, xx = !xx的意思是取反,主要是动态更改获取焦点。

<页面>
    <区块 行内样式="内边距: 30rpx">
        <区块 行内样式="高度: 200vh; 背景: 颜色通道(255, 255, 255, 0.5); 边框-圆角: 10rpx; 内边距: 30rpx">
            <输入框 值="" 输入类型="文本输入" :获得焦点="数据层.是否获取焦点" 默认提示="请输入内容" />
            <按钮 行内样式="上边距: 60rpx" 按钮样式="默认" @绑定事件_单击="方法层.改变聚焦状态">改变聚焦状态</按钮>
        </区块>
    </区块>
</页面>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
        是否获取焦点: 假
    };
</脚本>
<脚本>
    局部变量 方法层 = {
        //所有页面方法,请在本处定义
        改变聚焦状态() {
            数据层.是否获取焦点 = !数据层.是否获取焦点;
        }
    };
</脚本>
<样式>
</样式>
Markup

移动端怎么控制输入框属性获得焦点或取消焦点呢