草庐IT

TextArea1

全部标签

javascript - 从 textarea 复制到 div,保留换行符

我有一个和一个(里面有)。在该区域中输入文本时,在keyUp上更新内容。有没有办法保留textarea中的换行符(新行)并以某种方式让它们像div/p中的换行符一样工作?用替换双“新行”,这也可能吗?这接近于所见即所得可以处理的内容,但不希望为此,这是一个非常小的项目。这就是我到目前为止所得到的。$(".boxtextarea").keyup(function(){varvalue=$(this).val();$('.boxp').text(value);}); 最佳答案 您可能希望将CSS规则white-space:pre或whi

javascript - 通过点击 "Enter"从 textarea 提交数据

我有一个带有JS的动态网页。有一个和一个发送按钮,但没有标签。如何使提交按钮触发并且在中按下Enter时清除? 最佳答案 您可以为文本区域使用keyup处理程序(尽管我不建议*)。[SomeTextarea].onkeyup=function(e){e=e||event;if(e.keyCode===13){//startyoursubmitfunction}returntrue;}*为什么不为此使用文本输入字段?Textarea特别适用于多行输入,一种用于单行输入的文本输入域。使用输入处理程序,您可以削弱多行输入。我记得曾经将它用

html - 有没有一种简单的方法可以使 html textarea 和 input type 文本同样宽?

是否有一种简单的方法可以让HTMLtextarea和inputtype="text"以(大约)相等的宽度(以像素为单位)呈现,并且适用于不同的浏览器?CSS/HTML解决方案会很棒。我宁愿不必使用Javascript。谢谢/埃里克 最佳答案 你应该可以使用.mywidth{width:100px;} 关于html-有没有一种简单的方法可以使htmltextarea和inputtype文本同样宽?,我们在StackOverflow上找到一个类似的问题: http

html - Textarea 失去对鼠标单击的关注?

我在使用GoogleChrome中的文本区域时遇到了一些奇怪的问题。问题是,每当我在GoogleChrome中点击文本区域时,它会立即失去焦点,并返回到上一个输入框。如果我按键盘上的Tab键,问题就不会发生。这是显示我的问题的.gif:我使用的代码是有效的html:Celebrity1Tweet1YUNOWORK?!除了jQuery库之外,我还没有在页面上使用任何javascript。我很惊讶为什么会这样,因为通常是InternetExplorer给我这样的问题。谁知道哪里出了问题? 最佳答案 尝试关闭标签标签。Celebrity1

javascript - 当textarea失去焦点时显示选择

我有一个带有文本框和按钮的表单:Loremipsumdolorsitamet,consecteturadipisicingelit.用户选择文本,然后点击按钮。由于textarea失去焦点,选择不再可见。有没有办法让选择保持可见?它不需要可用(即,不需要例如键入删除选择或Ctrl+C复制它)但我希望文本区域包含选择的某种视觉反馈.演示:Fiddle 最佳答案 在深入了解jsFiddle之后,我发现CodeMirror拥有创建高度自定义文本区域所需的一切。它是为编写代码而构建的,但有一个小技巧,它可以应用于一般的文本区域。参见DEMO

javascript - jQuery serialize() 省略了 textarea

当我使用jQuery的serialize()方法提交表单时,除了表单中的文本区域之外的所有内容都会被提交。这是一个普遍的问题吗?我想不通。除了保持未定义的文本区域外,该表单有效??? 最佳答案 直到您将name属性添加到文本区域,它才起作用。 关于javascript-jQueryserialize()省略了textarea,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1770

javascript - 强制 TEXTAREA 元素换行的最优雅的方式,*不管*空格

HtmlTextarea元素仅在到达空格或制表符时换行。这很好,直到用户键入足够多的单词。我正在寻找一种严格执行换行符的方法(例如:即使它导致“looooooooooooo\nooooooooooong”)。我发现最好的方法是在每个字母后添加一个零宽度的unicode空格,但这会中断复制和粘贴操作。有人知道更好的方法吗?注意:我在这里指的是“textarea”元素(即:行为类似于文本输入的元素)——而不仅仅是一个普通的旧文本block。 最佳答案 CSS设置word-wrap:break-word和text-wrap:unrestr

javascript - 是否有基于页面加载内容的 textarea "autofit"高度?

是否可以通过CSS或Javascript根据内容设置文本区域的高度?我的CSS中有一个硬编码的高度,但我希望它是默认值,这样页面加载时就没有垂直滚动条了? 最佳答案 http://www.jacklmoore.com/autosize/怎么样?将Autosize放入任何网页,它应该就可以工作了。如果您对它的工作原理感到好奇,源代码很短并且评论很好。//Example:$(document).ready(function(){$('textarea').autosize();});来源:https://github.com/jackm

javascript - textarea 的 ngModel 在 Angular 2 中不起作用

我正在尝试使用ngModel在textarea中打印json对象。我做了以下事情:我想在textarea中加载json对象。上面的代码在textarea中加载rapidPage对象,但它显示的textarea值是[objectObject]。对象:this.rapidPage={"pageRows":[{"sections":[{"sectionRows":[{"secRowColumns":[]},{"secRowColumns":[{"colName":"users"}]},{"secRowColumns":[{"colName":"sample"}]}],"width":0}]}

html - <textarea> 带水平线

有谁知道在中创建水平线的方法吗?不使用背景图片?CSS3就可以了。如有必要,我可以避开IE的图像后备。例子: 最佳答案 您可以使用线性渐变来做到这一点:.notes{background-attachment:local;background-image:linear-gradient(toright,white10px,transparent10px),linear-gradient(toleft,white10px,transparent10px),repeating-linear-gradient(white,white30p