小程序填坑——bindconfirm事件

一.介绍

　　当你要在手机软键盘中触发一些方法,就可以使用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标签