问题:项目维护过程中,测试提出一个bug,就是textarea不能键入回车换行。经过一天的排查,才发现代码里有
onkeydown="if(event.keyCode==13)return false;"
才导致的不能换行,注释掉即可。
就这个问题,竟然困扰了一天,记录下来,警醒一下自己要仔细。
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<form method="post" action="order/changeUnitReq"
class="pageForm required-validate" <%--onkeydown="if(event.keyCode==13)return false;" --%>
onsubmit="return validateCallback(this,dialogAjaxDone)">
<p style="width:100%">
<label style="width:200px;">修改需求信息:</label>
<textarea name="Requires" type="text" id="" alt="" maxlength="1000" wrap="hard"
style="width: 90%; height: 80px; resize: none;"
title="" class="required"></textarea>
</form>
问题:项目维护过程中,测试提出一个bug,就是textarea不能键入回车换行。经过一天的排查,才发现代码里有onkeydown="if(event.keyCode==13)return false;"才导致的不能换行,注释掉即可。 就这个问题,竟然困扰了一天,记录下来,警醒一下自己要仔细。&lt;%@ page language="java" contentType="text/html;...
最近碰到一个数据转来转去转到Textrea里面是否能真正按行存放的问题,在这里总结一下:
问题描述: 比如get数据到一个
TextArea
里面,如“AAA BBB”,想把这段文字在
TextArea
里面真正按行存放,而不是显示出来按行存放(所谓的真正按行存放就是,再把这个
TextArea
的数据post到另外一个页面的
Textarea
里面仍是按行存放)
问题解决1: 一开始是提交数据的时候格式是AAABBB,但是这是显示
换行
,其实在
TextArea
里面并不是真正按行存放的,因为这个时候再提交给另外一个
TextArea
的时候就是显示AAABBB,而不是
换行
显示了,因此仅仅是显示按行存
2,因为是在弹窗中的页面,然后自己重写了个简单demo页面不弹出,在页面中只加载一个
textarea
,发现可以按键,所以猜测问题只会存在弹框的按键里面,再将上面的demo弹出,事件又出现了。
3,猜测是因
textarea
多行
回车
换行
,显示的时候
换行
设置:
在使用
textarea
标签
输入
多行文本的时候,如果没有对多行文本显示
处理
,会导致没有
换行
的情况
Css 属性:white-space
white-space 属性用于设置如何
处理
元素内的空白,其中包括空白符和
换行
符。
只要在显示内容的地方将该属性设置为white-space: pre-line或者white-space:pre-wrap,多行文本就可以
换行
了。
在日常的开发中,我们经常会遇到需要在
textarea
中
输入
文本..
在
textarea
里面,空格和
换行
会被保存为/s和/n,如果我们前台
输入
和前台显示的文字都是在
textarea
里面,其实并不需要做任何
处理
,你在
textarea
里面编写的样式会按照你之前编辑时候的样式,正确的显示出来。
那么,如果要
textarea
编辑提交的文字,从后台返回之后,不是显示在
textarea
里面,那么就需要考虑
处理
空格和
换行
了;
这个情况可以看看下小朋友的博客,写的很赞
处理
textarea
中的
换行
和空格 - 下小朋友 - 博客园
又或是......
textarea
换行
时主要遇到的有以下两个问题
1、在
textarea
中
输入
回车
符 在js读取
textarea
中的值有\r\n然后到业务层转换到string中就有可能变成空格形式然后被存入数据库,当在取出此值的时候则会变成空格的形式。因此我们需要将不显示的\r\n替换一下。
这是因为
textarea
里
输入
和车出现的是编码vbCrlf,页面读取数据库显示的内容必须有才可以显示换
首先,给
textarea
添加一个编辑器
<sys:ckeditor replace=“think” uploadPath="/om/appraisalRecord" height=“200”/>
当
换行
时,会带将有格式的数据保存到数据库中。
关于
textarea
标签,真的是特别好用的,可以进行大量的文本编辑,提交起来也比较方便;
但是今天遇到一个问题,在我的jsp页面使用了
textarea
标签,但是编辑的时候按enter
回车
,并没有出现光标移动到下一行的操作
原来在
html
页面是可以很好的使用
回车
进行光标移动的,百度了半天都没有相关的属性能简单解决,然后自己写了一个事件才得以解决。
下面上代码:
jsp使用:
<tex...
resize="none"
@input="handle
Textarea
Input"
@keydown.enter.native="handle
Textarea
Keydown"
v-model="ids"
handle
Textarea
Keydown(){
let e = window.eve.