vue input或者el-input苹果软键盘换行变成发送安卓软键盘开始变成发送

如下代码即可完成

<inputenterkeyhint="send"v-model="params.content"placeholder="说点啥..."@keydown.enter="addcomment(params.content, $event)"@blur="addcomment(params.content)"/>

<el-inputplaceholder="说点什么吧"enterkeyhint="send"v-model="content"@keyup.enter.native="addcomment(content, $event)"@blur="addcomment(content)"></el-input>

enterkeyhint="send" 即可将软键盘的回车键按钮文字改成发送

input标签用 @keydown.enter

el-input标签用 @keyup.enter.native 俩者都是监听回车事件安卓苹果一样的效果

@blur监听苹果软键盘右上角 “完成” 点击事件

如触发回车事件想要收回软键盘则要触发键盘blur事件,关键要在回车事件方法里加上$event

<inputclass="pseudoLive_input verticalCenter"enterkeyhint="send"v-model="params.content"placeholder="说点啥..."@keydown.enter="addcomment(params.content, $event)"@blur="addcomment(params.content)"/>// 关键在于$eventaddcomment(content, e) {if (content) {var comment = contentvar obj = {content: comment,fakeLiveBroadcastId: 1,id: 8,name: '我是超级大美女8',userId: 8}this.params.content = ''this.list.push(obj)}if (e) {e.target.blur()}},

还有其他更多更改软键盘的文字，如下

<input enterkeyhint="enter">
<input enterkeyhint="done">
<input enterkeyhint="go">
<input enterkeyhint="next">
<input enterkeyhint="previous">
<input enterkeyhint="search">
<input enterkeyhint="send">

vue input或者el-input苹果软键盘换行变成发送安卓软键盘开始变成发送相关推荐

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示
功能: ios表单验证时,比如输身份证号,失焦后验证身份证,如果不合法,就让光标跳到对应的输入框,我是不合法就调用focus方法,完了会跳过去,但是ios有个bug,它确实会定位到对应的输入框,而且 ...
html onblur ios,移动web端键盘问题、IOS安卓机input/textarea兼容性
前言:移动web开发中,安卓和IOS的input/textarea输入框在调用键盘是有差异的:安卓机键盘覆盖在页面底部:IOS机键盘将整个页面向顶部推.两种实现在真机上都会导致页面出现某些小问题,本篇 ...
Vue中实现输入框Input输入格式限制
Vue中实现输入框Input输入格式限制 1.使用修饰符实现数字输入在VUE中可以在v-modal后添加修饰符的形式来限制输入,比如: <input v-model.number=" ...
vue点击创建input内容_vue.js怎么给input添加事件
vue.js给input添加事件的方法:1.使用[v-on]指令可以添加事件监听,代码为[v-on:eventName="fn"]:2.使用回调函数的参数[$event]来当前触发 ...
苹果手机vue网页弹窗中input失去焦点的时候造成页面上移
问题:苹果手机vue网页弹窗中input失去焦点的时候造成页面上移解决: <input type="text" class="userNameInput" ...
android软键盘弹出底部有黑色闪出,vue移动端安卓软键盘弹出底部按钮顶起
在做一个基于企业微信的h5移动页面时,当软键盘弹出时,底部fixed定位在ios上没事,安卓手机上,底部按钮会被顶起到软键盘,查看原应时由于软键盘顶起时,安卓设备的视图会变小.造成固定定位按钮呗顶起. ...
vue实现自定义身份证，数字键盘（光标，输入框，键盘）
vue实现自定义身份证,数字键盘(光标,输入框,键盘) 组件介绍组件代码效果图组件使用引用使用参数介绍方法插槽组件介绍 vue实现自定义身份证键盘(光标,输入框,键盘全手写) 组件代 ...
Android 如何在插入外接物理键盘时还能显示软键盘
参考地址:http://blog.csdn.net/wq892373445/article/details/51767022 http://blog.csdn.net/qq_32034593/arti ...
【Linux】Linux input子系统之Input event codes
文章目录前言正文附件参考文章前言在阅读和修改Linux kernel中Touch相关驱动代码时经常可以见到形如INPUT_PROP_DIRECT EV_SYN BTN_TOUCH之类的In ...

vue input或者el-input苹果软键盘换行变成发送安卓软键盘开始变成发送

vue input或者el-input苹果软键盘换行变成发送安卓软键盘开始变成发送相关推荐

最新文章

热门文章

vue input或者el-input苹果软键盘换行变成发送 安卓软键盘开始变成发送

vue input或者el-input苹果软键盘换行变成发送 安卓软键盘开始变成发送相关推荐

最新文章

热门文章

vue input或者el-input苹果软键盘换行变成发送安卓软键盘开始变成发送

vue input或者el-input苹果软键盘换行变成发送安卓软键盘开始变成发送相关推荐