问题出现的场景:再开发者工具里面调试都是正常的,但是发布到预览版之后就出现问题了,而且目前只有一个苹果12手机有问题,各种排除解决都没找到问题解决
1、from表单提交,点击提交无反应 | 微信开放社区
2、小程序发布上线后有个按钮点击没反应? | 微信开放社区
3、微信小程序form表单的bindsubmit不生效bug_洋洋攻城记的博客-CSDN博客_bindsubmit无效4、小程序发布后form bindsubmit按钮没反应 | 微信开放社区
后面再反复尝试后发现问题出现的时候 每次都是弹出一个苹果提示密码存储的弹框,然后怀疑是不是这个影响的,然后参考了网上的建议,屏蔽了弹框,这个问题就解决了!!!-_-
方案1:在苹果手机上面把 “自动填充密码”关闭,但是苹果这个默认开启,而且大部分客户也不会去自己关闭。
方案2:欺骗苹果手机,代码实现。
先说解决思路,通过测试发现,在账号框不为空,密码框不为空,两者都不为空,并且光标离开账号框或者密码框的时候,苹果系统会自动提示存储密码或者更新密码的提示。又经过大量测试发现,账号输入框是指的距离密码输入框最近的上一个输入框,因此解决办法就是在密码输入框上面增加一个账号输入框,让他永远为空,并且不可见即可(页面不可见,不能是display:none)。文章来源:https://www.toymoban.com/news/detail-591925.html
这样距离密码框最近的上一个文本框永远是空的,就不会触发ios的存储密码提示了。文章来源地址https://www.toymoban.com/news/detail-591925.html
<view style="width: 1rpx;height: 1rpx;overflow: hidden;">
<input ></input>
</view>
<view class="login-input">
<input type="password" name="pwd" placeholder="请输入密码"></input>
</view>
<view style="width: 1rpx;height: 1rpx;overflow: hidden;">
<input ></input>
</view>
到了这里,关于为小程序发布之后from表单提交,点击提交无反应的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!