收藏
回答

让人头痛的textarea啊




https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=593f62856cba6fde787aad78a7946e1b&highline=bindconfirm&token=2110127166&lang=zh_CN

<form bindsubmit="onSubmit">
 <input name="title"/>
 <textarea name="content">textarea>
 <button type="primary" formtype="submit">发布button>
form>

上面这个表单在安卓机上按如下操作会造成不触发 submit事件

第一步:点击 input 使其获取焦点

第二步:点击textarea使其获取焦点

第三步:不论上两步是否输入了内容,这时点击 虚拟键盘 右上角的向下箭头关闭虚拟键盘

第四步:点击 button


这时候就不会触发 submit事件了。
PS:这里说明一下复现的原理,点击input弹出软键盘,然后不点击"完成",直接点击textarea区域,让软键盘一直存在,会出现input的焦点无法消失,从而出现以上所说的情况出现


如果再次点击 input,然后点击其他地方使其失去焦点。则会立刻触发submit。(点击input后点击textarea好像并不能让input失去焦点)


这个问题主要造成了安卓机器上某些场景表单无法正常提交。


自己测试了几次,得出的结论是:

当input聚焦时,如果没有按“完成”去让input失去焦点的话,再点击textarea就会出现input和textarea同时存在焦点


终于得到官方的答复了 https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=1910105153&docid=e66b72bbf4fa058156d40fa27920d03a

最后一次编辑于  2017-02-13
回答关注问题邀请回答
收藏

7 个回答

  • smoothie
    smoothie
    2017-02-13

    从input切换到textarea,input没有失焦,这是微信Android版6.5.4的已知问题,下个版本修复

    2017-02-13
    有用
    回复
  • 工号 9527
    工号 9527
    2017-02-13

    不好意思,android 这里确实有bug。

    2017-02-13
    有用
    回复
  • Lingn
    Lingn
    2017-07-04

    还有加载到texearea中的数据悬浮在整个页面上层,按钮点击不了

    2017-07-04
    有用
    回复
  • Adeee
    Adeee
    2017-02-22

    什么时候fix?项目动不了

    2017-02-22
    有用
    回复
  • 曹祥
    曹祥
    2017-02-13

    审核速度这么快,但能否给出解决方案呢? 或者确实是存在bug的话,让我们好绕开这个问题,换其他思路去解决。

    2017-02-13
    有用
    回复
  • 曹祥
    曹祥
    2017-02-13

    @曾祥鑫 好多坑啊。一不小心就掉坑里了

    2017-02-13
    有用
    回复
  • A9754184528
    A9754184528
    2017-02-13

    iOS 下我还发现如果左边有一个文本text,居然会跟着浮动。

    2017-02-13
    有用
    回复
登录 后发表内容