uniapp中的textarea设置confirm-type=“send“

最新推荐文章于 2024-06-06 10:19:42 发布
最新推荐文章于 2024-06-06 10:19:42 发布
阅读量1.9k 收藏 1
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42889366/article/details/124735116
版权
"这篇博客探讨了在Android和iOS平台上textarea组件的`confirm-type="send"`属性导致的不同行为。在Android中，软键盘显示的是换行功能，而在iOS上则显示‘发送’按钮。为了解决这一差异，作者建议在输入框旁添加一个自定义的发送按钮，以实现跨平台的一致性用户体验。"
摘要由CSDN通过智能技术生成

在app上textarea设置confirm-type="send", 弹起的软键盘在安卓环境表现为"换行"，在iOS才显示“发送”。。之后在输入框旁边写个button，利用这个进行发送消息。

不完美的独特
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
弹出键盘,监听键盘高度
04-26
在我们开发中,经常用到评论等功能,在下方一个TextField,但是弹出键盘,评论框也要弹起,这时候要监听高度,本代码可完美实现此功能
小程序中的confirm-type设置键盘的确认按钮
weixin_64103049的博客
11-30 3278
小程序中的confirm-type设置键盘的确认按钮
uniapp textarea 输入法发送按钮长按换行并且能发送
最新发布
muitoprazer的博客
06-06 448
输入法发送按钮长按换行并且能发送
uni小程序的input confirm-type功能
此行必胜，你我顶峰相见
11-11 6809
在小程序开发中总是会遇到各种各样的按钮,比如下面的发送按钮 这个在官方api中是有文档的 confirm-type的一些有效值如下 input组件将 confirm-type属性设为上表中的一个对应的值，在图一红色的地方就会出现对应的说明的按钮值。 比如设为done，那么红框那个按键就会变为‘完成’，其他类似。 案例: <input class="ser-input" v-model="searchTitle" confirm-type="search" bindconfirm="searchPr
【uniapp uview】u--textarea组件custom validator check failed for prop “confirmType“
AAAXiaoApple的博客
11-09 444
u--textarea组件custom validator check failed for prop “confirmType“
uniapp 开发输入键盘几种 confirm-type 状态
ModStartCMS的博客
12-15 843
需要注意的是，在不同平台上，这个属性的表现可能不同。例如，在安卓平台上，会将确定键显示为搜索按钮，而在 iOS 平台上，可能会显示为完成按钮。在 uniapp 中，可以使用 confirm-type 属性来控制 input 组件的确定键的样式。例如，在安卓平台上，将 confirm-type 设置为 send 可能会没有任何效果，而在 iOS 平台上，会将确定键显示为发送按钮。search：将确定键显示为搜索按钮。send：将确定键显示为发送按钮。done：将确定键显示为完成按钮。
uniapp之app、微信小程序实现输入框发送消息键盘不收起、解决iOS端键盘弹起遮挡输入框问题
qq_55460954的博客
11-29 4848
uniapp微信小程序、APP输入框发送消息不失焦问题解决，uniapp iOS键盘遮挡输入框问题解决
在 uniapp 中使用 textarea 报错 “Invalid prop: custom validator check failed for prop “confirmType“” 及解决
qq_46034942的博客
11-08 2833
亲测解决在 uniapp 中使用 textarea 报错 “Invalid prop: custom validator check failed for prop "confirmType"” ，只需一行代码
textarea实现enter发送，ctrl+enter换行，并禁止在textarea回车换行
孙三苗的专栏
11-13 4715
textarea实现enter发送，ctrl+enter换行，并禁止在textarea回车换行。 HTML代码 <div style="width: 60%;"> <textarea style="width: 100%;resize: none;" id="send_chat_msg_box" rows="3" placeholder="请输入消息"> </textarea> </div> JavaScript代码： //1、提交 发送 .
textarea 操作
doutao6677的专栏
08-04 1426
pageEncoding="utf-8"%> 信息管理 href="static/jquery-easyui-1.3.3/themes/default/easyui.css"> href="static/jquery-easyui-1.3.3/themes/icon.css"> src="static/jquery-easyui-1.3.3/jquery.min
uniapp点击发送按钮键盘不自动隐藏（input不失去焦点），就是不让键盘隐藏
weixin_44378370的博客
11-02 1915
其实这个问题很简单，网上我也找了很久但是废话，没有本质的解决， 首先这个问题的本质是input在点击是获取焦点，那么系统就会自动拉起键盘，然鹅，在我们点击发送按钮的时候，（我这个实在聊天发送消息场景中的），这个input的焦点就会失去，那么伴随着的键盘也会隐藏下去，那么这里有两种解决方案 1.让input一直保持获取焦点状态 2.点击按钮后从新使input获取焦点 3.直接在按钮的事件上这么写就完事了@touchend.prevent=“submit” 百试百灵 ...
uniapp自定义封装确认框
jijunqing321的博客
01-13 1955
uniapp 确认框
IOS 自定义软键盘功能，修改换行键为发送键
热门推荐
qq_33571718的博客
12-08 1万+
IOS项目是使用混合模式开发，在开发聊天功能时；发现软键盘不能像QQ、微信那样，换行键不能变为发送；网上说是因为输入框类别导致；尝试过以后，还是不行；然后想到用IOS native解决； 先说一下，原生APP 设置软键盘换行键为发送键： textField.returnKeyType = UIReturnKeySend;//变为发送按钮 这里说一下流程，代码最后贴； 1.注册监听软键盘弹...
《uni-app》表单组件-Input组件
Oliver尹的博客
09-17 4567
input，输入框组件，表单届的扛把子，几乎所有的表单都离不开input，一个表单可以没有radio，可以没有checkbox，但是几乎不大可能没有输入框，它 是表单组件中属于使用频率最高的一种，常见的业务场景包括登录时的用户名，密码以及注册时一大堆信息填写，只要是信息录入的功能第一选择基本都是输入框；
textarea实现回车发送，ctrl+enter换行
qq_41662119的博客
01-07 2974
html: <el-input type="textarea" autofocus="true" @keydown.native="handleKeyCode($event)" resize="none" v-model="messageTxt" ...
uni小程序——评论、文本域、发送、键盘调起、有值后按钮变色等
努力、拼搏、奋进
11-17 1603
uni小程序——评论、文本域、发送、键盘调起、有值后按钮变色等
Vue textarea 实现ctrl+enter发送 回车换行
JCM_ZZ的博客
05-17 1863
Vue textarea 实现ctrl+enter发送 回车换行 @keydown.ctrl.enter.native <el-form-item label="" prop="msg"> <el-input v-model="form.msg" type="textarea" @keydown.ctrl.enter.native="send()" /> </el-form-item> methods: { send() { console.
记录uniapp中表单校验踩的坑（uView框架）
微光无限的博客
07-21 2421
记录uniapp中表单校验踩的坑（uView框架）
uniapp的uview2.0框架u--textarea组件无法换行，换行无效问题解决方案
99@小程
12-14 4566
在使用uniapp的uview2.0框架u--textarea组件时，想要使u--textarea支持换行输入，但是默认不支持换行输入，各种百度，没有找到解决问题的方案
<el-form-item label="帖子"> <el-input type="textarea" v-model="form.content" :rows="15" placeholder="请输入分享内容" > </el-input> </el-form-item> const form = ref({ content: "", pic: "", time: "", uid: "", });双向绑定
05-27
在你的代码中，通过 `v-model="form.content"` 将 `el-input` 组件的输入值和 `form` 对象中的 `content` 属性进行了双向绑定。这意味着当用户在输入框中输入文本时，`form.content` 的值也会发生变化；同时，当你修改 `form.content` 的值时，输入框中的文本也会随之改变。 需要注意的是，这里的 `form` 对象是通过 `ref` 创建的一个响应式对象。因此，在修改 `form` 对象中的属性时，你需要使用 `form.value` 来访问对象的属性。例如： ```javascript form.value.content = '这是新的内容' ``` 另外，你在代码中使用了 `ElInput` 组件的 `:rows` 属性来设置输入框的行数。需要注意的是，`ElInput` 组件的 `:rows` 属性只在 `type` 属性为 `"textarea"` 时生效。如果你使用的是其他类型的输入框，应该使用对应的属性来设置高度。例如： ```html <el-form-item label="标题"> <el-input v-model="form.title" placeholder="请输入标题"></el-input> </el-form-item> <el-form-item label="作者"> <el-input v-model="form.author" placeholder="请输入作者"></el-input> </el-form-item> <el-form-item label="内容"> <el-input type="textarea" v-model="form.content" placeholder="请输入内容" :rows="5"></el-input> </el-form-item> ``` 在上面的代码中，我们给不同类型的输入框设置了不同的高度。例如，对于 `type="textarea"` 的输入框，我们设置了 `:rows="5"` 来让它显示 5 行文本。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值