在textarea 里面,空格和换行会被保存为 /s /n ,如果我们 前台输入和前台显示的文字都是在 textarea 里面,其实并不需要做任何处理 ,你在 textarea 里面编写的样式会按照你之前编辑时候的样式,正确的显示出来。

  • 那么,如果要 textarea 编辑提交 的文字,从后台返回之后,不是显示在 textarea 里面,那么就需要考虑处理空格和换行了;

这个情况可以看看下小朋友的博客,写的很赞

处理textarea中的换行和空格 - 下小朋友 - 博客园

  • 又或是,一大段url 提交后传到后台空格和换行的 /s /n 用户输入的 /s和/n 混成一个,那就必须要处理空格和换行了。
//监听文本框,禁止输入回车和空格
const handleKeydown=(e)=>{
    if(e.keyCode===32 || e.keyCode===13){
        e.preventDefault();
        return;
<Input.TextArea 
    placeholder="请输入"    
    //用onkeydown来监听键盘输入
    onKeyDown={(e)=>handleKeydown(e)} 
</Input.TextArea>

onKeydown 事件在用户按下某个键(在键盘上)时发生。

几乎所有 HTML 元素都支持这个事件,除了:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 以及 <title>

其实没想到被antd封装过的也可以,只是试一下j竟然成功了,很完美哈哈哈哈哈

在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字都是在 textarea 里面,其实并不需要做任何处理,你在 textarea 里面编写的样式会按照你之前编辑时候的样式,正确的显示出来。那么,如果要 textarea 编辑提交的文字,从后台返回之后,不是显示在 textarea 里面,那么就需要考虑处理空格和换行了;这个情况可以看看下小朋友的博客,写的很赞 处理textarea中的换行和空格 - 下小朋友 - 博客园又或是......
回车发送消息 IM 在线聊天工具中,我们经常会使用回车(Enter)发送,或者使用组合键(Ctrl+Enter)发送消息。如果是前者使用回车(Enter)发送消息,大家都知道回车又会换行显示,这个如何阻止回车换行事件呢? event.preventDefault(); 阻止默认事件不过如此,但是我却遇见了一个这样的问题,是按下回车时阻止还...
<el-input type="textarea" v-model="articleContent" @keydown.enter.native="textareaKeydown" placeholder="请输入要展示给客户的文字内容,左侧可预览效果" maxlength="50" show-word-limit> </el-input> // 阻止多行文本框换行 textareaKeydown() { let e = w...
如何让 input type=“textarea” 类型的值不为空 且不能是空格 <el-input type="textarea" oninput="value = value.replace(/(^\s*)|(\s*$)/g,'')"></el-input> <textarea oninput="value = value.replace(/(^\s*)|(\s*$)/g,'')"></textarea> 此时输入框内就不能有空格了,但是这样写肯
在做项目过程中,在添加文本域之后,我在文本域输入时加了首行缩进,后来客户要求去掉首行缩进,并且不能进行空格回车输入进行提交。如下解决办法: <textarea placeholder="您的建议对我们很重要,快快反馈给我们吧……" maxlength="500" class="text_area" onkeydown="if(event.keyCode==32||event.keyCode==13){return false;}"></textarea> 这样子就可以解决啦!!!
if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='') event.keyCode=9; function suball(event){ //兼容Chrome和Firefox event=(event)?event:((window.event)?window.event:""); var keyCode=event.keyCode?event.keyCode:(event.which?ev...
在Uniapp中,textarea组件的正则验证不会阻止用户输入空格。这是因为正则表达式默认允许空格,可以通过修改正则表达式来禁止输入空格。 例如,如果要禁止输入空格,可以在正则表达式中使用`\S`代替`.*`,`\S`表示非空白字符,如下所示: <template> <textarea v-model="content" :pattern="'\\S+'"></textarea> </template> 这样设置后,用户输入空格时会触发验证失败,无法提交表单。