小程序 修改键盘右下角的按钮为搜索，发送，完成，下一个....等按键

最新推荐文章于 2024-02-22 09:14:21 发布
最新推荐文章于 2024-02-22 09:14:21 发布
阅读量2.9k 收藏 7
点赞数 2
分类专栏： # 小程序专栏 文章标签： css javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ke_sin/article/details/106578236
版权

第一次遇到这样的需求，结果真的有办法能改变，真是让人"饿眉z影" 😄

先来一个input框

<input confirm-type="search" bindconfirm="startSearch"></input>

confirm-type有效值：

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

bindconfirm代表：

  • 绑定的事件
@阿呜
关注
专栏目录
ROM修改进阶教程------修改框架framework.apk来实现系统中某些功能开启与关闭 完整选项含义与修改事宜
小马哥的专栏
10-22 89
在修改定制各种系统中。其实有些选项的默认开启或者关闭可以直接在系统apk中进行操作。修改其中的选项来实现功能的开启或者关闭操作比较方便。陆续博文将分析系统分区中那些apk可以操作进行功能的开启或者关闭。 通过博文了解; 1💝💝💝-------详细解析框架framework.apk中那些选项是对应系统中功能的开启或者关闭 2💝💝💝------对每个功能进行详细的释义。了解选项代码含义 3💝💝💝------区别与其他教程源码修改。对于普通爱好者都可以上手实操。
微信小程序 修改键盘的回车键
G_wendy的博客
11-20 4402
在input标签中有一个confirm-type 属性，即设置键盘右下角按钮的文字，仅在type=’text’时生效 &lt;input type="text" placeholder="请输入内容" confirm-type="done"/&gt; &lt;input type="text" bindinput="listenWallText" bindfocus='settin
微信小程序使用键盘搜索功能
Mr_Tony的专栏
03-26 4375
实现微信小程序的键盘搜索功能时候，需要有三个关键属性： 1、name=‘search’;//search内容随便写 2、bindconfirm='shop_search_function'；//这个变量是js函数 3、confirm-type='search' ;//设置右下角文字 完整例子如下： index.wxml <input class='shop_search_input' na...
【小程序】input键盘事件（修改键盘右下角按钮文件和添加事件）
qq_35808136的博客
04-11 5603
<input type="text" placeholder="请输入" bindinput="bindKeyInput" value="{{inputMsg}}" confirm-type='send' bindconfirm="sendMsgTap" bindfocu...
小程序中使用模糊搜索和键盘右下角搜索按钮（正则表达式）
weixin_45764245的博客
07-02 405
1.先在wxml 中定义好input和搜索按钮 2.在js文件中实现一下操作 2.1获取input输入框中的输入的内容 2.2使用正则表达式对input框内容进行搜索 2.2.1food表示搜索的表名 2.2.2name表示搜索的字段 2.2.3so_input表示模糊搜索内容（也就是输入框中获取的数据） ...
小程序点击触发弹出输入发送功能实现
shmilyhq的博客
07-30 1802
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 小程序点击触...
vue实现调用手机软键盘右下角变更为搜索按钮并进行搜索
豆。的博客
02-20 1774
一、出现问题 ios，input添加type=“search” 手机软键盘右下角仍为换行，如下图 二、处理方法 <form action="" @submit.prevent="onSearch"> <input type="search" :placeholder="请输入关键字搜索" v-model="value" /> </form> .prevent 修饰符：阻止表单默认提交。 submit 点击默认行为是提交表单，这里并不需要它提交,只需要
linux 小键盘enter键 无响应 xmodmap,linux系统下键盘按键的重新映射——xmodmap工具和xev工具...
weixin_35457696的博客
05-15 543
大家会不会有时候，感觉键盘上的某几个键用起来不是很方便，打字打久了很容易手指头疼呢？例如大家使用vim编辑器时， 经常需要使用到esc键，而该键在左上角，很不方便的。再比如写程序的时候，经常会使用到shift键与其它键的组合等。把键盘按键进行必要的重新映射，可以提高生产率的。对键盘按键重新映射的大致过程如下：第一步，通过 xev 工具获得需要修改的按键的 keycode 值；第二步，通过xmodm...
Windows XP 中键盘大小写切换设置.docx
07-06
然而，有时候可能会遇到键盘的大小写切换功能出现问题，比如按下Caps Lock键后，无法正常返回小写输入状态，这通常是因为系统设置的某些变动导致的。下面将详细介绍如何在Windows XP中正确设置键盘的大写切换功能。 ...
python超级玛丽小游戏+可执行程序+源码+程序配置说明.zip
10-31
python超级玛丽小游戏+可执行程序+源码+程序配置说明 在PyCharm中运行《玛丽冒险》即可进入如图1所示的游戏主界面。 具体的操作步骤如下： （1）游戏主窗体界面显示后，游戏的背景地图将自动加载与移动，此时会随机...
移动端自定义键盘
08-23
demo 展示了一个简单的移动端自定义键盘的效果。（样式只兼容移动端） 因为事件使用的是touch事件所以请用在移动端查看，或使用Chrome等支持touch事件的浏览器查看。
让电脑快速关机的几个小方法.docx
09-27
### 让电脑快速关机的几个小方法 随着科技的发展，电脑已经成为我们日常生活与工作中不可或缺的一部分。然而，有时候我们可能会遇到这样一个问题：电脑关机速度过慢，这不仅浪费时间，也会影响我们的工作效率。本文...
Android手机软键盘enter改为搜索
anwanfei的博客
11-10 2818
Android手机软键盘enter改为搜索需求Android 搜索 把软键盘上的回车键改为搜索。当用户聚焦Editview时弹出键盘，键盘右下角示意为“搜索”按钮；当用户输入内容后，点击搜索按钮将进行关键词搜索，当用户没有输入内容点击搜索按钮，将收起键盘。实现（Editview） 1、设置属性 设置属性①：android:imeOptions="actionSearch"，在该Editview获得
vant-search确定按钮变成了“换行”文字
weixin_42845571的博客
02-22 589
vant-search的确定按钮变成了“换行”文字
修改Android软键盘右下角按钮功能
Billy_Zuo的博客
05-09 758
该属性通常有7种值，分别是actionUnspecified | actionNone | actionGo | actionSearch | actionSend | actionNext | actionDone，不同的代表不同的功能，软键盘右下角也会显示不同的图标或文字与之对应。android手机软键盘设置时的一个重要的属性，主要的功能是设置软键盘上输入内容后接下来要做什么样的事情。需要添加maxLines和inputType，不然按钮显示的仍为换行。布局文件中，EditText添加。
微信软键盘收起后 页面点击无效
我在等风也等你的博客
03-27 1504
h5项目中遇到iOS系统微信环境中软键盘 /** * 处理iOS 微信客户端6.7.4 键盘收起页面未下移bug */ ;(/iphone|ipod|ipad/i.test(navigator.appVersion)) && document.addEventListener('blur', (e) => { ...
【无标题】微信小程序扫描二维码的内容，作为参数跳转填入到下一个页面input框
minweiguo的博客
12-13 342
scan.wxml <view class="container"> <view class='imagesize'> <image class='img' bindtap='getScancode' src="{{back}}"></image> </view> <view style="display: flex;justify-content: cente...
微信小程序使用bindconfirm事件触发软键盘的搜索按钮，实现搜索功能
美奇软件开发工作室
09-14 9318
视图部分：index.wxml <!--搜索开始--> <view class="weui-search-bar"> <view class="weui-search-bar__form"> <view class="weui-s...
如何动态修改输入法键盘红色框中（右下角）的文字，以及 如何监听右下角按钮的点击事件？
Elvis写代码
05-19 1885
如上图所示一个是 UC 浏览器，一个是 QQ 的界面，如何动态修改输入法键盘红色框中（右下角）的文字，以及 如何监听右下角按钮的点击事件？ 上面其实是两个问题： 1、如果修改右下角的文字 EditText 有 android:imeOptions 属性，只有修改下面的属性即可。比如给出实例代码如下： <EditText android:layout_width="match_par
uniapp input 键盘右下角按钮显示发送 绑定触发事件
最新发布
09-10
在uniapp开发中，如果你希望为`<input>`元素的键盘右下角按钮绑定一个触发事件，通常是通过监听`input`事件来实现。这个事件会在用户输入内容时被触发。为了在用户点击键盘上的发送按钮时执行特定的操作，你可以在`<input>`元素上绑定`confirm`事件。当用户在键盘上点击发送、完成或回车键时，`confirm`事件将被触发。 以下是一个简单的示例代码，展示如何为uniapp中的`<input>`元素绑定`confirm`事件： ```html <template> <view> <input type="text" placeholder="输入内容" confirm-type="send" @confirm="onConfirm" /> </view> </template> <script> export default { methods: { // 绑定的触发事件处理函数 onConfirm(event) { console.log('发送按钮被点击'); // 在这里编写你希望在点击发送按钮时执行的代码 // 例如，你可以获取输入框的值： const inputVal = event.detail.value; console.log('输入的内容是：' + inputVal); // 进行一些操作，比如提交数据等 } } } </script> ``` 在上面的代码中，`confirm-type="send"`属性设置了键盘右下角按钮的文本为"发送"（根据不同的操作系统和设备，该文本可能会有所不同），`@confirm="onConfirm"`则绑定了一个事件处理函数`onConfirm`，该函数会在点击该按钮时被调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值