微信小程序 修改键盘的回车键及监听事件

举报
yechaoa 发表于 2022/05/30 23:34:46 2022/05/30
【摘要】 在input标签中有一个confirm-type 属性,即设置键盘右下角按钮的文字,仅在type='text’时生效 示例: <input type="text" placeholder="搜索...

在input标签中有一个confirm-type 属性,即设置键盘右下角按钮的文字,仅在type='text’时生效

示例:

<input type="text" placeholder="搜索" confirm-type="search"/>

  
 
  • 1

confirm-type 有效值

  • send 右下角按钮为“发送”
  • search 右下角按钮为“搜索”
  • next 右下角按钮为“下一个”
  • go 右下角按钮为“前往”
  • done 右下角按钮为“完成”

监听

bindconfirm函数

wxml:

<input type="text" placeholder="搜索" confirm-type="search" bindconfirm='doSearch'/>

  
 
  • 1

js:

   doSearch: function(e) {
      console.log(e)
      console.log(e.detail.value)
   },

  
 
  • 1
  • 2
  • 3
  • 4

文章来源: blog.csdn.net,作者:yechaoa,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/yechaoa/article/details/81479013

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。