小程序填坑——bindconfirm事件

2019-12-11 16:00:50来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

  

 

  


原文链接:https://www.cnblogs.com/haizhongdenta/p/12022036.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML连载56-网易注册界面实战之全部代码

下一篇:第二章 需提前了解的术语和概念