• 小程序 input 的键盘事件


    事情是这样的:

      由于input 组件的样式实在太丑而且也改不了大样子,我决定把它隐藏,写个设计稿的样式,采用数据双向绑定。

       

    如图的样子是不是好看多了,但是问题来了,原生input隐藏了,又没有调用键盘的api,为了验证码自己写个键盘,感觉小题大做了,怎么破,于是我心生一计:

       隐藏的input 加focus 属性,果然很好用,每次进来数字键盘被拉起。

      然而,好景不长,一个同事随手点点说,你这键盘隐藏了就出不来了,我忽然意识到只有进入页面的时候input 获得焦点才能拉起键盘,一旦键盘隐藏就再也出不来了。

     如果是普通的页面,那就直接让input 重新获得焦点就行了,然而这不是普通页面这是小程序啊,小程序是不支持Dom操作的,但它自己也没有提供拉起键盘的APi ,它最擅长

    的是数据而不是Dom啊,咦?数据?那我又心生一计,那重新set Fous 属性值,是不是就能触发获得焦点事件从而拉起键盘了。

     果然可以啊,哈哈

      

     Data 中定义:

     666666666666666666666,大功告成。

  • 相关阅读:
    【日常学习】codevs1287 矩阵乘法题解
    数据库系统概论-[04]索引
    oracle-sql分析练习
    大水题(容斥原理)
    大水题(容斥原理)
    hdu 2952 Counting Sheep
    hdu 2952 Counting Sheep
    HDU 2612 Find a way
    HDU 2612 Find a way
    hdu 2181 哈密顿绕行世界问题
  • 原文地址:https://www.cnblogs.com/dongjingya/p/9353376.html
Copyright © 2020-2023  润新知