小程序填坑——bindconfirm事件

泪湿孤枕 提交于 2019-12-11 13:49:55

一.介绍

  当你要在手机软键盘中触发一些方法,就可以使用input标签的bindconfirm事件.这个事件的作用是当你在软键盘上点击确认的时候,将触发你指定的方法.

  还可以使用confirm-type指定软键盘上确认按钮的名称.比如你用这个来做搜索框,那么你就可以指定为confirm-type=“search”.具体代码为

  <input type="text"  placeholder="搜索" value="{{search_value}}"  bindinput="inputTyping" bindconfirm="onSearch" confirm-type="search"/>

  但是我在做文章内部搜索的时候,需要为内容增加高亮标签,然后调用onLoad重复渲染.

  但是做完后发现,在内部搜索点击确认之后,只闪烁一下高亮内容,就没了.

  我debug发现.当点击搜索之后,居然渲染了两边.也就是调用了两次onLoad方法.而第二次没有添加高亮标签,也就没有高亮内容了.

 

二.解决办法

  经过求证,这是一个一直没有解决的遗留bug.看开发者平台上,去年就有人提出这个问题了.

  原来在调用bindconfirm事件时,不用把它包裹在一些特殊的标签中.

  比如我就在页面上做了一个浮动的搜索框,使用的是movable-area标签

  

 

  

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!