微信小程序Input组件聚焦问题兼容

微信小程序Input组件聚焦问题兼容

前言

最近小程序做得很频繁，无论是原生的还是使用跨端框架。然后一直以来都被小程序的Input组件搞得死去活来，最近在搞的小程序普遍都有表单，其中的Input清除内容以及聚焦弹起键盘的兼容坑得我死去活来，小程序的Input组件我愿称其为最坑组件，没有之一。

需求

先说一下要实现的需求，就是实现一个Input框的清除按钮，要求清除Input框内容并且在清除内容后自动弹起键盘，要求清除按钮只有在输入框聚焦且内容不为空时显示。需求很容易理解，且我一开始以为很简单。。。

实现过程代码

直接放代码了，里面的实现方法实属无奈，一些要注意的点都写注释里面了

<!--index.wxml-->
<view class="container">
	<input bindfocus="handleFocus" bindinput="handleInput" bindblur="handleBlur" focus="{
    {focus}}" value="{
    {value}}" class="input" />
	<button wx:if=