欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

小程序填坑——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标签