移动端聊天，点击发送按钮，阻止输入区域失去焦点软键盘收起

最新推荐文章于 2025-05-30 20:58:00 发布
原创 最新推荐文章于 2025-05-30 20:58:00 发布 · 2.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#web #d

本文介绍了一种使用jQuery阻止按钮默认行为的方法，通过在mousedown事件中调用preventDefault()函数，可以有效地避免按钮触发其预设操作。

$('button').mousedown(function(event){

    event.preventDefault();

});

Peter-tingle
关注
uniapp - 移动端H5网页点击输入框弹出软键盘后，收起后页面无法复原，页面没能恢复原状+遮盖遮挡+布局出现上移或下移整体未复原到打开软键盘之前（解决弹出键盘导致页面布局错乱，安卓+苹果ios）
🏆 前端领域优质创作者
04-08 6472
uniapp，微信公众号网页，h5移动端开发，uniapp h5平台输入框弹起软键盘，收起后导致页面无法复原的问题，uniApp输入框弹起软键盘，收起后导致页面无法复原的问题，uniapp移动端的软键盘对页面css布局影响的解决办法-底部样式被顶起，弹起键盘遮盖输入框键盘弹起后不恢复，键盘不收回，input输入时软键盘弹起不能自动收回，UNI-APP页面中input输入框弹起软键盘，收起后会导致页面被顶起，无法复原，H5移动端键盘收起后页面上移不复位，软键盘弹出，布局没有上移，弹出软键盘的时候页面顶起不恢复
H5移动端监听软键盘弹起、收起
yiguoxiaohai的博客
07-19 7202
H5 有时底部按钮是固定定位，当页面上面需要用到输入内容时，会弹起软键盘，然后把底部固定的按钮也弹起来了，我们希望弹起软键盘时，底部的固定定位按钮隐藏，这里就需要对移动端软键盘弹起收起进行监听。.....................
View事件传递(解决聊天界面点击除editText区域以外其他位置实现隐藏软键盘----点击发送按钮不隐藏软键盘)
xiayuexingkong的博客
01-20 993
在开发聊天界面的时候往往遇到类似这样的需求"点击除editText区域以外其他位置实现隐藏软键盘----点击发送按钮不隐藏软键盘" 实现思路是在聊天界面的Activity重写 dispatchTouchEvent方法 @Override public boolean dispatchTouchEvent(MotionEvent event) { // TextView tvSe
解决安卓键盘点击发送按钮后收回的问题，实现键盘常驻
zzqq205的博客
05-18 1439
解决安卓app聊天页面点击发送按钮后键盘收起的问题，实现键盘常驻 用两个input，获取焦点实现键盘常驻，直接给项目的代码给搬过来了，有什么不懂可以私信我 <view class="footer-center" :style="{width:tex+'%'}"> //内容输入框 <textarea cursor-spacing="10" class="input-text uni-input" auto-height :focus="softfocus" maxlength="1
阻止输入框失去焦点
weixin_44143476的博客
02-09 803
移动端项目中阻止输入框失去焦点需求思路 需求 参照移动端微信聊天； 当用户在输入框中写好内容后，点击发送按钮，输入框仍然处于获取焦点的状态，软键盘并没有收起 思路 此时，我们的代码呈现为： 输入框中写好内容后，点击发送按钮，输入框失去了焦点，从而导致软键盘收起。 有两个解决方案 1.打算在用户视觉层面上，保持获取焦点状态，也就是写两个输入框，隐藏的输入框2监听用户可以看到的输入框1的焦点状态，但是并非上上策。 2.我需要阻止输入框失去焦点。 <div @mousedown="preventBlur(
unity调用软键盘
qq_45632382的博客
06-20 2601
废话不多说，下面代码直接挂载到InputField上面 using System; using System.Collections; using System.Diagnostics; using System.IO; using System.Runtime.InteropServices; using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; [RequireComponent(typeof(In
Android中点击按钮后隐藏输入法
ZhangGeng's Blog
05-18 5236
在Android中登录界面、发表回复、评论的时候，常常有这样的需求：当点击登录，评论后，需要隐藏输入法。如下图所示： 实现方式：//将输入法隐藏，mPasswordEditText 代表密码输入框 InputMethodManager imm =(InputMethodManager)getSystemService( Context.INPUT_METHO
移动端H5页面关于软键盘的一些踩坑记录
this_ITBoy的博客
08-27 4900
最近一个项目需要做一个留言的功能，需求很简单，点击留言按钮底部弹出留言框，然后发送留言给后台就行了，还有一个就是页面要实现复制功能。讨论需求的时候我预想到了手机上软键盘的弹出可能会有一些bug，不过需求比较急，就想着先做完再来改呗。很快做完之后，在电脑上测了没毛病，提测之后，bug刷刷的就来了： 1、手机ios或者Android微信，点击留言弹出输入框，点击完成或者收起按钮，或者安卓手机点击自带...
vue移动端安卓软键盘弹出底部按钮顶起
05-28
// 软键盘收起时显示底部按钮 } } } ``` 在模板中使用`v-show`控制底部按钮的显示与隐藏： ```html 确认操作 ``` 此方法简单有效，适用于大多数场景[^4]。 2. **修改底部按钮的定位方式** 将底部...
移动端h5监听键盘弹出和收起
艾欢欢的博客
11-01 2833
在ios中软键盘弹起时，仅会引起 $('body').scrollTop 值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案，因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 在android中软键盘弹起或收起时，会改变window的高度，因此监听window的 onresize 事件； 一、Android端监听...
html5手机键盘弹出收起的处理
11-21
前言：前端时间也是应项目的需求开始了h5移动端的折腾之旅，在目前中台的基础上扩展了两个ToC移动端项目，下面就是在h5移动端表单页面键盘弹出收起兼容性的一些总结。 问题 在 h5 项目中，我们会经常遇到一些表单页面，在输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 IOS 与 Android 的 webview 中表现并非一致，同时当我们主动触发键盘收起时也同样存在差异化。 键盘弹出 IOS：IOS系统 的键盘处在窗口的最上层，当键盘弹起时，webview 的高度 height 并没有改变，只是 scrollTop 发生变化，页面可以滚动。且页面可以滚动的最大限度为弹出的键盘的高度
键盘弹出监听和点击键盘完键盘收起
慢慢学习的android工程师
01-18 1659
android中并没有暴露给我们监听键盘弹出和收起的方法，为了监听键盘我们只能来监听界面的高度变化，这个大前提是不会变的，以前的方法是自定义最外层的Layout，并在onLayout方法中进行判断，但这样的判断有的时候是不准确的。为此我想到通过监听DecorView的Layoutchange方法中，比较DecorView和屏幕真正高度的来判断键盘的状态。为了能有这个变化我们用了SOFT_INPUT_
android 键盘搜索按钮不收起键盘,安卓 点击按钮收起EditText键盘
weixin_35729243的博客
05-26 499
@Overridepublic boolean dispatchTouchEvent(MotionEvent me) {if (me.getAction() ==MotionEvent.ACTION_DOWN) {//把操作放在用户点击的时候View v = getCurrentFocus();//得到当前页面的焦点,ps:有输入框的页面焦点一般会被输入框占据if (isShouldHideKey...
支付宝小程序键盘弹起兼容问题
g2526的博客
12-11 3613
问题描述：如果有按钮btn需要固定在底部，并且用的css为position: fixed;，就会造成键盘弹起时按钮被顶在键盘上方，苹果系统不会有这种情况发生 解决方法：把按钮btn样式改为position: absolute;...
uniapp中的textarea设置confirm-type=“send“
weixin_42889366的博客
05-12 2439
在app上textarea设置confirm-type="send", 弹起的软键盘在安卓环境表现为"换行"，在iOS才显示“发送”。。之后在输入框旁边写个button，利用这个进行发送消息。
uniapp 微信小程序输入框发送消息，键盘不收起
qq_43369850的博客
03-26 589
【代码】uniapp 微信小程序输入框发送消息，键盘不收起。
当点击按钮时，阻止软键盘关闭
gl329510010的专栏
02-11 1872
最近在写一个聊天APP，遇到了个问题，当在文本框输入文字后，点击旁边的发送按钮，因为EditText失去焦点而关闭软键盘。为了解决这个问题，Google了半天无果，一开始的解决办法是点击按钮后，重新弹出软键盘 InputMethodManager imm = (InputMethodManager) getSystemService(INPUT_METHOD_SERVICE);
阻止H5页面中键盘收起的问题
最新发布
前端金牌摸鱼达人
05-30 2万+
在移动端H5开发中，当输入框失去焦点时，键盘会自动收起，但有时我们需要阻止这种行为。
H5，input输入时，软键盘弹起不能自动收回
四月
01-11 4465
H5，input输入时，软键盘弹起不能自动收回（ios,安卓正常） //键盘收起以后页面缩回 $(".form p input").on("blur",function(){ var toFix=$(this).offset().top; window.scroll(0,toFix);//失焦后强制让页面归位 }); 之前没发现这个问题，这...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值