【前端学习】解决textarea中回车计入字符问题

最新推荐文章于 2024-04-14 11:04:47 发布
最新推荐文章于 2024-04-14 11:04:47 发布
阅读量520 收藏
点赞数
分类专栏： JavaScript学习笔记 解决问题汇总 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44796493/article/details/105119680
版权
本文主要探讨了在前端开发中，当使用textarea时遇到回车键被计入字符计数的问题。通过JavaScript代码实现，可以阻止回车键在textarea中产生额外字符，确保在发送内容时能正确检测到文本是否为空。
摘要由CSDN通过智能技术生成

在textarea中键入回车（作为发送文本框按回车发送）之后，自动将回车计入textarea的输入中，再次发送并不提示内容为空，可以加上

e.returnValue = false;

整段代码如下

document.onkeydown = function(event) {
   

	var e = event || window.event || arguments
最低0.47元/天 解锁文章
咕咕1999
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
textarea换行字符数统计-ios兼容的问题(已angular为例)
HXX548888的博客
08-22 557
【代码】textarea换行字符数统计-ios兼容的问题(已angular为例)
textarea回车符问题
weixin_61111233的博客
03-04 4990
　大家在Java web开发时难免会遇到textarea回车符问题，下面就告诉大家遇到textarea回车符问题时该怎么去解决。
前端页面回车换行展示
最新发布
baidu_33164415的博客
04-14 533
前端页面回车换行展示
textarea标签中回车生成的不可见的转义字符
shen516的专栏
09-24 5287
主要是用于记录我的工作中犯的错误； 错误描述： 用textarea标签输入数据后，换行，我们当时看是有换行的； 但从数据库读取出来后，确是显示在一行，没有换行； 错误分析： 在textarea录入时，回车后，可看到光标换行了，这时候上一行就生成了相应的转义字符“\r\n”；此转义字符在HTML中以空格的形式显示出来； 从而我们会看到，读取出来的两个数据之间总有空格在；
textarea限制最大字符长度和默认输入了空格回车的问题
clzh2013的博客
01-10 8531
textarea，js，空格
textarea回车清空内容后有空格或者换行()
ywj5200的专栏
11-28 1648
function stopDefaultKey(e){ if(e && e.preventDefault){ e.preventDefault(); }else{ window.event.returnValue = false; } return false; } var d= document; d.getElementByID("a").onkeydown=function
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
10-30
这里使用了一个三目复合表达式来处理回车键后的文本插入，以及解决有被选文字时回车的光标定位问题。 代码中提到的`document.selection.createRange()`用于获取当前选区的文本范围，`document.selection.clear()`...
把textarea中字符串里含有的回车换行替换成lt;brgt;的javascript代码
12-10
1 solid black’> 其实以前早有很多人讨论过，代码比较多方法太可怕，自己用不到就没时间去研究，现在帮你试了一下，其实解决起来很简单了：） 关于微软HTML编辑控件单击回车会插入而不是 的解决方案<...
textarea去除多余空格和回车的方法及其属性
01-08
错误的做法是将`</textarea>`放在新的一行，这会导致换行符和空格被计入`textarea`的内容中。正确的做法是确保`<textarea>`和`</textarea>`在同一行内，如下所示： ```html <textarea>你好</textarea> ``` 2. `...
回车换行
eting1987的专栏
08-03 458
<br /><br />主题：回车，换行！<br />环境：Window<br /> <br />　　键盘上的“Enter”键大概无人不识，无人不晓，回车，换行相信很多人平时念着都很顺口，但是具体到文本处理时，有些时候就会有点蒙了，回的哪门子车？换什么行？回车、换行，/r，/n哪个对哪个呢？忙不迭还得Google一下。早期的打字机里，回车，即把当前的打印头定位在左边界，换行，即 把纸向下移一行 为了巩固记忆，现在做一个表格表示一下。<br /> <br />Java表示法 :Java代码 char char
【Element 】vue3 中 Element el-input textarea 回车发送不换行，ctrl+enter 实现换行
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
11-28 3139
个人样式，可以参考，主要是去掉边框、缩放图标和高度问题。
Flex 最全的换行 制表符 回车 空格 特殊符号
帆软爱好者的专栏
04-02 2663
<br />出自：http://www.myflexhero.com/share/flex-hero-flex4/flex-hero-coding-techniques/<br />字符 十进制字符编号 实体名字 说明<br />— — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unu
textarea的maxlength属性字数不一致
DlongZ的博客
12-10 822
关于textarea的maxlength属性 现象： s前端textarea文本框允许最大输入512个字符，默认一直输入到其无发在输入文字为止，可是，当在textarea输入框中输入2个及以上换行符时，文本框居然可以允许多输入两个字符，因而导致了文本存入数据库时保存失败。 原因： 对于textarea中包含的回车符，默认会被保存为’\r’，’\n’两个字符。但是对于前端maxlength的判断计数...
前端js处理后台返回的含换行符的字符串
一个昵称叫铃风的小前端
06-12 8702
network里面显示：enter键图形，下左转弯箭头 console.log字符串显示：换行 transformLineBreak (str) { if (!str) { return [] } let arr = str.split(/\n/g) if (!arr[arr.length]) { // 如果最后一行后面有换行符，删除数组最后一项空字符串 arr.p...
前端页面对后端数据的换行显示
码飞_CC的博客
12-20 1万+
有时我们会遇到这种情况，后端传递了一大段包含了换行符的文本内容，在React中，我们直接将这部分内容展示的话，并不会出现换行的效果。如下例子： /* content为从后端获取的数据，例如： content=`hello world！ hello world！hello world！ hello world！hello world！hello world！` */ &amp;amp;amp;lt;div&amp;amp;amp;g...
js如何识别出字符串中的回车 \n并输出换行
热门推荐
lianzhang861的博客
06-05 18万+
首先，关于\n,\r,\r\n的区别请看这里 https://blog.csdn.net/longforus/article/details/51925285 1.字符串中有“↵”符号 像这样的var str="英雄联协议↵ ↵ 在您向英雄联APP..." 这种只需要正则替换回车符就行了 str = str.replace(/↵/g,"&lt;br/&gt;"); 这种情况...
Html显示后台 带回车的字符串
weixin_42681190的博客
12-05 599
使用 < pre >< /pre > 标签 < pre >标签的一个常见应用就是用来表示计算机的源代码。 <pre> 后台字符串 </pre>
Java中文问题解决方案：字体与组件设置
在Java编程中，处理中文字符和界面显示是...解决Java中的中文问题主要包括定制字体、处理字符集和编码、以及考虑应用的国际化需求。通过合理的编码策略和组件配置，可以有效地提升应用程序在处理中文字符时的用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值