小程序填坑——bindconfirm事件
2024-09-05 15:23:42
一.介绍
当你要在手机软键盘中触发一些方法,就可以使用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标签
最新文章
- Web大前端时代之：HTML5+CSS3入门系列
- 常用str函数
- Cordova webapp实战开发：（7）如何通过简单的方法做到，不重新发布APP来修复bug、增加功能、或者躲开苹果的一些严格审核？
- Android程序设计-圆形图片的实现
- .NET Core 工具从 project.json 移动到基于 MSBuild 的项目后的使用
- java 1G大文件复制
- lightOJ 1326 Race（第二类Stirling数）
- 多线程之RunLoop
- VC2008下CRichEditView加载RichEdit4.1版本（还有一些类似的文章）
- 用switch判断月份的练习
- JS高级程序设计学习笔记之JS事件（1）
- php中Maximum execution time of 120 seconds exceeded时间超时错误解决方案
- Spark学习体系
- Lichee（两） 在sun4i_crane该平台下编译
- AngularJS 的表单验证
- C#入门经典第八章面向对象编程-3-Windows应用程序中的OOP
- 前端资讯周报 3.6 - 3.12: 对学习Javascript最有帮助的三本书，以及HTML标题的迷思
- python全栈阶段测试（一）
- RazorEngine
- VirtualBox 扩展包卸载或安装失败(VERR_ALREADY_EXISTS)（转）