小程序填坑——bindconfirm事件
程序员文章站
2022-07-09 20:26:19
一.介绍 当你要在手机软键盘中触发一些方法,就可以使用input标签的bindconfirm事件.这个事件的作用是当你在软键盘上点击确认的时候,将触发你指定的方法. 还可以使用confirm-type指定软键盘上确认按钮的名称.比如你用这个来做搜索框,那么你就可以指定为confirm-type=“s ......
一.介绍
当你要在手机软键盘中触发一些方法,就可以使用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标签