【javascript – 将输入文本更改为textarea就像在facebook中一样】教程文章相关的互联网学习教程文章

javascript – 将CR / LF插入textarea【代码】

我有以下代码:document.onkeydown=function(e) { if (e.which == 13 && isCtrl) {log('Ctrl CR'); } else if (e.which == 17) {isCtrl = true; };我需要在光标位于输入文本区域中的位置插入回车符/换行符.现在我考虑一下,我应该使用textarea选择器而不是document.onkeydown,但$(‘textarea’).onkeydown不起作用.解决方法: $('textarea').keydown(function (e){var $this = $(this);if (e.which === 13 && e.ctrlKey) {$this.val(...

javascript – 删除文本后调整textarea的大小【代码】

如果你写文本,textarea的大小会增加,但是当你删除这个文本时就没有任何反应.如果要删除文本,是否可以动态降低textarea的高度?$('textarea').on('input', function() {var scrollHeight = parseInt($(this).prop('scrollHeight'));$(this).height(scrollHeight); }); .OuterDiv {width:200px;height:300px;border:1px solid #000;position:relative;bottom:0; } .text {resize:none;width:198px;height:45px;max-height:145px;back...

javascript – 调整textarea的大小以适应所有内容【代码】

我正在尝试尽可能紧密地调整textarea的大小以适应其中的内容.这是我目前的努力:function resizeTextarea(t) { a = t.value.split('\n'); b = 1; for (x = 0; x < a.length; x++) {c = a[x].length;if (c >= 75) b += Math.ceiling(c/75);} b += a.length; t.rows = b; }这很好用,但是当用户通过填充宽度将文本“推”到下一行时似乎失败了. (注意:这里使用的75代表我的textarea的字符宽度) 还有一个奇怪的效果,其中[enter] [key]使...

javascript – 自动调整CSS属性到textarea【代码】

我正在开发Web应用程序. 我想使用CSS将自动高度应用于textarea,不想使用任何脚本,jquery插件和其他东西. 在将类(即样式属性)应用于textarea之后,它应该根据其中的内容自动增加它的高度而不是宽度. 在这种情况下,宽度应固定,即宽度:98%; (在我的情况下)只有高度需要增长.因此文本区域应该存在滚动条. 我只需要一个CSS,以便在应用到textarea后,它应该像< DIV>一样自动增长. 请大家做建议,这可能是使用CSS.如果这是不可能的,那么如果...

javascript – 如何禁用所有tinyMCE textarea?【代码】

我有一个包含大约10个小型tinyMCE编辑器的表单,当我单击禁用按钮时,我希望这些字段是只读的吗?这是可能的,不具有id的.我可以通过任何方法做到这一点,可能是JavaScript,JQuery? 我试过这些方法,但是不行tinyMCE.init( {mode: "none",readonly : true }); $('input, select, textarea').attr('disabled', 'disabled');解决方法:这将在所有编辑器实例上循环并关闭它们for (var i = tinymce.editors.length - 1; i >= 0; i--) {tinyM...

javascript – jQuery.text()不适用于textarea元素【代码】

当文本区域实际上有一些文本和jQuery(‘textarea’)[0] .value确实返回文本时,jQuery(‘textarea’).text()总是返回默认值而不是当前文本的任何原因?看看simple example看看问题.解决方法:在输入元素中输入值(textarea是其中之一)不会更改标记. text()仅获取标记的文本内容.你应该使用val()代替:jQuery('textarea').val()

Javascript:如何将最后两个字符输入textarea?【代码】

获取键入textarea框的最后两个字符的最佳方法是什么? 我需要输入最后2个字符而不是整个字符串的最后两个字符. 感谢帮助!解决方法:这是一个用jQuery做的演示,同时显示输入的最后两个字符:http://jsfiddle.net/Ender/5gUHb/ 来源:var keys = []; $('#target').keypress(function(e) {keys.unshift(e.which);update(); });function update() {$('#last').prepend($('<li/>').text(String.fromCharCode(keys[0]))).children(':eq(2...

如何通过javascript设置没有id的textarea的值?【代码】

通常我们运行javascript代码来设置任何值:document.getElementById('id_name').value = "...";但我有一个这样的页面:<div id="id_name"><div class="class_name"><textarea></textarea></div> </div>如何通过javascript设置textarea的值? 非常感谢您的帮助!解决方法:如果你的HTML非常简单,你可以这样做:var textarea = document.getElementById('id_name').getElementsByTagName('textarea')[0]; textarea.value = "hello wor...

javascript – textarea在骨干和下划线html解码内容【代码】

我在underscore.js使用backbone.js 在我的模板中,我有以下textarea<textarea id="MyHtml" rows="10" cols="75" name="MyHtml"><%= MyHtml %></textarea>现在问题是,如果我的模型的MyHtml有任何ascii字符,它html解码并呈现它.要确切知道我的意思,请查看此fiddle. 我如何使用上述模板仍然可以防止这种情况?解决方法:在UnderScore模板内部使用减号(“ – ”)将值绑定到html字段而不是equals(“=”)例如.<textarea id="MyHtml" rows="...

javascript – Textarea – Angular类型’HTMLElement’上不存在属性’value’【代码】

使用Angular 4(typescript),我有以下HTML代码:<div *ngIf="dataService.selected_markers.length == 0" id="tsnPasteContainer"><form style="width: 100%; height: 100%"><textarea id="tsn_list" style="width: 100%; height: 100%" type="text" name="tsn_list" placeholder="e.g. 2001311,2425302,2153542,2435974"></textarea></form></div>我正在尝试使用以下内容将用户输入的数据输入textarea:public parseTSNs(){let tsn...

javascript – 将输入文本更改为textarea就像在facebook中一样【代码】

我想复制你看到一个常规输入文本,当你点击它变成textarea.这是一个隐藏层还是实际上将输入更改为textarea?怎么做?解决方法:我相信它总是一个textarea和焦点,他们只是改变textarea的高度. 编辑:是的,它是.他们使用脚本来处理textarea的所有内容,没有输入字段.<textarea onfocus='CSS.addClass("c4b900e3aebfdd6a671453", "UIComposer_STATE_INPUT_FOCUSED");CSS.removeClass("c4b900e3aebfdd6a671453_buttons", "hidden_elem");w...

javascript – 展开textarea(并将其置于前面),同时具有焦点【代码】

我想扩展textarea(增加高度),只要它有焦点.扩展时,textarea不应该向下移动内容,而应该显示在其他内容之上. 这是我到目前为止使用的代码(see here for an example):$(document).ready(function () {$('#txt1').focus(function () {$(this).height(90).css('zIndex', 30000);$('#txt2').val('focus');});$('#txt1').blur(function () {$(this).css('height', 'auto');}); });textarea的扩展工作正常,但我不能让它显示在页面上的其他...

用于调整textarea大小的javascript代码,具有焦点增益的动画效果【代码】

我正在使用Web应用程序,我想在textarea获得焦点时调整textarea的动画效果(平滑调整大小). 我尝试使用代码来调整textarea的焦点增益,但它不能平滑地调整大小.<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script><script type='text/javascript'>function abc(){$('#txt').attr('rows',15);}</script> </head> <body><textarea id='txt' rows="4" onfocus='abc();' cols="50"> this...

javascript – 在HTML中向下滑动textarea【代码】

我想创建一个包含大量文本输入区域(textarea)的HTML表格,当单击时,向下展开.现在,当textarea元素被点击时,它会很好地扩展,但它会在这个过程中弄乱表格布局. 我想要这样的东西 而不是我现在得到的这个丑陋的东西 Here is my current code解决方法:只需切换一个类,而不是手动搞乱CSS值.这使您可以轻松玩绝对定位而无需搞乱JS.请参见此处的演示:http://jsfiddle.net/8Qa3C/1/ 而不是您当前的代码,使用:$(document).ready(function()...

javascript – Textarea文本不变【代码】

我在我的Javascript中有2个函数,第一个从WebApi接收一个JSon接受一个字符串并将其写入textare,而不是我在该textarea中更改某些内容并将其提交回服务器,当我从下拉列表中选择另一个对象时它应该从Api接收JSon. 以下发生我觉得非常奇怪,只要我不改变textarea中的任何东西它工作得很好接收我想要的每一个项目.我在textarea中更改某些内容的那一刻当我在下拉列表中选择另一个项目时它不再改变它,在我在文本区域中编辑某些内容而不保存它...

TEXTAREA - 相关标签
输入 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部