微信小程序中踩过的坑 input textarea swiper

微信小程序中踩过的坑

一、input组件的问题：

      1、placeholder 文字与 input 的值重叠                                     暂无解决方法

     2、获取焦点 和 失去焦点 时，光标和文字跳动                           暂无解决方法

     3、当 input 设置为居中对齐时，光标会出现在奇怪的位置          暂无解决方法

     4、bindconfirm 事件在失去焦点时也会触发，类似于 blur         暂无解决方法

     5、对 input 做动画时，如果是获取焦点状态，会失效                 暂无解决方案，因为 input 在获取焦点时是 native 组件，失去焦点后改回 web 组件

    6、type 为 idcard, digit 时并不是调用数字键盘                         暂无解决方案，目前起作用的只有 number

    7、在input聚焦期间，不能做css动画，否则input中的placeholder会错位

         如果动画和聚焦都想要的话，那么可以在动画完成之后，在设置聚焦

二、textarea

    1、 scroll-view 中不能使用 textarea 组件。swiper和swiper-item是继承scroll-view的,所以在他们里面使用textarea的时候会出现很奇怪的现 

          象，比如placeholder错位。

          解决方法：用view组件替换swiper组件，用微信小程序的wx.animation()实现点击切换效果

          除此之外，   在  scroll-view  中也不能使用  map 、 canvas 、 video  组件。否则会出现很多奇怪的现象