微信小程序软键盘回车事件

应用场景主要是在搜索的时候输入框输入完内容以后，点击软键盘上的回车调用搜索方法，代码如下：

wxml:

<input placeholder="粘贴商品标题或直接输入" value="{{input}}" type="text" confirm-type="搜索" bindconfirm="confirmTap"></input>

confirm-type：

设置软键盘右下角文案，只有type=“text” 时生效。
只能设置成：发送，搜索，下一个，前往，完成。（可根据不同场景使用）

js:

// 点击软键盘回车confirmTap: function() {let that = this;console.log('我点击了回车')that.onSearchBtnClick()},

可以在真机调试的时候查看打印结果。

微信小程序软键盘回车事件相关推荐

微信小程序-讲解bindconfirm回车事件及focus自动获取焦点【超级详细】
微信小程序关于键盘行为的探索
模拟微信朋友圈评论功能,如图: 首先考虑键盘将输入框顶起来,使得输入框正好在键盘上方解决办法:fixed定位,将输入框定位在页面最下,键盘升起时会自动将输入框顶起来于是有了这么一个demo: 有几 ...
微信小程序搜索框回车搜索事件
这里写的是在微信小程序里的搜索框,按软键盘回车键触发搜索事件. 首先前台代码,这是整个搜索框代码 <view class="weui-search-bar"><v ...
微信小程序页面左右滑动事件+回到顶部
微信小程序提供了页面的上下滚动的事件,在页面的js文件中, page({ onPageScroll(e) { console.log(e.scrollTop) } }) 但是不是滑动事件,滑动事件需要 ...
按钮点击_如何设置微信小程序按钮点击事件？
当我们需要点击按钮实现一个操作时,我们应该怎么设置?这里给大家介绍两种方法: 方法一:使用小程序模板,无需懂技术. 这种方法比较简单,你只需要选一个比较简单的小程序模板,比如「上线了」sxl.cn,在 ...
微信小程序之阻止冒泡事件
众所周知,在微信小程序给标签绑定点击方法大家都会想到 "bindtap" 但是在页面中会遇到点击会冒泡而触发其他元素的时间发生那么怎么办呢就把引发冒泡事件的始作俑者的 bi ...
uniapp开发微信小程序-软考刷题小程序
记录一次基于uniapp的微信小程序开发前言计算机科学与技术辅修学士的课程设计最终决定做微信小程序(比较简单) 刷题小程序方向题库是软考内容开发语言前端uniapp开发后端django开 ...
微信小程序——绑定点击事件
微信小程序出来了那么长时间了,之前一直准备升学和毕业设计(过段时间我要写一写我的毕业设计),最近马上毕业了,终于有时间来研究一下了,先从最简单的点击事件开始吧! 首先我们在test.wxml中加入以下 ...
微信小程序之触摸滑动事件案例+Slideview组件【手动左滑删除效果】
前言: 现在很多程序上都有左滑删除的效果,其实实现很简单,今天我们主要来记录一下小程序的左滑删除的实现过程. 效果图: 实现效果: 当我们在该条记录上进行左滑操作时,整条记录跟着向左移动,同时右侧的删 ...

微信小程序软键盘回车事件

应用场景主要是在搜索的时候输入框输入完内容以后，点击软键盘上的回车调用搜索方法，代码如下：

wxml:

js:

微信小程序软键盘回车事件相关推荐

最新文章

热门文章