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

javascript-在textarea中显示页面行

我正在尝试构建HTML5 iPad应用程序,在该应用程序中,我想为用户提供一个文本区域,并带有诸如输入其详细信息之类的页面行.我怎样才能做到这一点?解决方法:实现此目的的最简单方法是创建一个包含水平线的简单PNG图像,并将其用作文本区域上的重复背景. 我创建了一个简单的示例:http://jsfiddle.net/r4c2a/1/ 逐步,您应该做的是: >创建重复的图案图像.>创建您的文本区域.>使用CSS定义图像的行高,并使其与图案一样高.> ???>利润 当然,...

javascript-寻找类似于facebook的textarea调整大小插件【代码】

当您在Facebook中键入评论时,评论文本区域会在您键入时自动调整大小.如果您按下Enter键,它将发布注释,如果您按下ctrl enter,则在调整大小时转到下一行. 我正在寻找实现相同功能的javascript / jquery插件. >像Facebook一样,在键入时可以平滑地调整文本区域的大小,可在所有新浏览器中使用>可以动态调用,例如,如果通过javascript添加了新的textarea,则可以在之后立即调用它并将其分配给该textarea.>具有一个选项/功能,可以忽略Enter并...

javascript-在TextArea中向上和向下滚动【代码】

在TextArea中是否有用于向上滚动和向下滚动的任何特定功能.当TextArea中发生向上/向下滚动时,将触发“ onscroll”. 另外,如何在文本区域的最后一行之后转到新行,并在单击(向下滚动)时将“破折号”(-)放在旁边.谢谢.解决方法:我可能是错的,但据我了解,您所追求的是一个实际上以编程方式为您滚动文本区域的函数.如果正确,则可以进行以下操作:var scrollUp = function(elementId) {"use strict";var element = document.getElementBy...

javascript-如何根据是否为占位符来更改textarea文本的颜色?【代码】

我基本上想使用JavaScript重新创建HTML5“占位符”属性,以便它与旧的浏览器兼容. 我使用的是OnFocus和OnBlur的组合,这很容易,我通过以下代码完成了此操作;<textarea onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">Placeholder text</textarea>占位符文本将为浅灰色(#CCC),然后当重点放在文本区域时,它将变为深灰色(#333).这在CSS中可以毫无问题地完成,但...

javascript-textarea上的正则表达式【代码】

我在验证自己的表格时遇到了一些麻烦,我只能在单个文本输入中检查字母,数字和句号(“句号”),但我一生都无法将其输入在textarea字段上工作. 在我的验证中,我有这个:var usernamecheck = /^[A-Za-z0-9.]{5,1000}$/; 我尝试过的对文本区域($ITSWUsers)不起作用的验证是:if(!document.all.ITSWUsers.value.match(usernamecheck)){alert ("Please write the usernames in the correct format (with a full stop between first and la...

javascript-无法使用jQuery和value方法在textarea中设置文本【代码】

我有以下标记:<textarea id="hazaa"></textarea>当我在控制台中执行以下JavaScript时:$("#hazaa").value我得到包装盒中内容的打印输出.但是,当我尝试执行此操作时:$("#hazaa").value = "shazoo"控制台会用shazoo通知我,但框中的文本不会更改.另外,随后检查框中的内容将返回旧的,未更改的值. 自从我完成了jQuery-ing以来已经有一段时间了,所以这很明显,但是我想不出任何解决方案.我已经搜索了一些建议,但是the best one I’ve fo...

javascript-页面加载后,从EpicEditor中的textarea同步值【代码】

我在一个项目中使用EpicEditor.因此,按照doc,我已经将textarea属性添加到了我的textarea id中,因此,当页面首次加载时,来自textarea的所有内容都将显示在EpicEditor中.很棒!!! 问题: 我从服务器获取该特定记录的实时更新,然后相应地更新表单字段值.因此,我无法在EpicEditor中设置新值.我已经更新了参考textarea值,但不会同步到EpicEditor. 解 每当参考文本区域发生一些更新时,我都想在EpicEditor中设置新值.解决方法:您可以执行...

javascript-在textarea上显示“提交”按钮【代码】

我有一个textarea和一个按钮.如果要编辑textarea中的文本,我希望按钮出现.不专注于编辑测试.在jQuery中这可能吗?解决方法:尝试这个 的HTML<textarea id="t_area" rows="3">444</textarea> <button id="btn" style="display:none">Save</button>脚本$('#t_area').on('keyup',function() {$('#btn').show(); });DEMO

Javascript-为什么不选择,并且textarea值更改在克隆时与输入元素一样得到更新?【代码】

至少在Firefox中,当在动态或用户更改的textarea或select元素上使用cloneNode(true)时,不会保留value属性(也不更改DOM来反映动态更改),而对于input元素,则更改为value属性或由用户反映在DOM中(因此在调用cloneNode时将其保留).为什么会有这种区别? 更新: >我想问:规范中是否规定了这种行为? (或在错误报告中详细说明?)>样本位于:http://jsfiddle.net/9RSNt/1/解决方法:我怀疑这种差异的产生是因为textarea和selects的值由它们...

javascript-Chrome扩展程序替换当前textarea中的单词【代码】

我正在尝试创建一个chrome扩展名,以替换当前< textarea>中键入的最后一个单词.当用户触发某个keydown事件时.因此,我已经尝试过了,但实际上没有用. 这是我的扩展名的文件: 我的扩展程序的manifest.json:{"name": "Test","description": "test","version": "0.0.1","permissions": ["activeTab"],"background": {"scripts": ["background.js"],"persistent": false},"browser_action": {"default_title": "replace test"},"manifes...

javascript-无法在textarea内容内呈现HTML标签

我有一个带textarea输入元素的HTML文件,其内容是从包含< br />的数据库中获取的.标签. 我的JSON响应是:NDA可以是“相互的”,这意味着双方在使用所提供的材料方面受到限制,或者它们可以限制单个方对材料的使用. < br />员工也可以与雇主签署NDA或类似NDA的协议. 在渲染时,它不会换行并显示< br />.原样(作为静态内容).我使用了车把{{{content}}},但没有帮助.解决方法:您根本无法在文本区域内输入HTML,而只能插入纯文本. 您可能要使...

javascript-无法在iOS 9上使用fastclick输入textarea【代码】

最近几天,我一直在寻找解决方案,但是所有可行的方法(根据文档)都不起作用. 我正在使用fastclick消除旨在在iPad上运行的HTML5应用程序的300ms延迟.一切都很好,除了我失去了将文本键入文本区域的功能.简单的单行字段有效,但多行文本区域无效. 当我点击文本区域时,键盘弹出,我可以开始键入了.输入的第一个字母出现在文本区域中-仅此而已.随后的字母不.如果关闭键盘并再次点击文本区域,则可以输入另一个字母. 我已经尝试了所有建议的内...

在javascript中重置textarea高度【代码】

我有一个textarea(自动调整大小),我想清除其所有内容,包括其高度. 到目前为止,我已经尝试过:document.getElementById('textarea').value = '';和:document.getElementById('textarea').attribute('rows','1');但是两者都不起作用. 编辑: 我使用autosize.js与此:<textarea id="post" rows="1" title="Write something..." name="posttxt" placeholder="Write something..." role="textbox" autocomplete="off"></textarea>解决方...

javascript-Textarea始终具有窗口高度【代码】

我不确定该怎么做. II目前正在使用Bootstrap的textarea及其容器.我不知道如何使文本区域扩展到屏幕底部,该区域会根据窗口高度自动增加/减少.我试过了:#form-control {position:fixed;top:0;left:0;right:0;bottom:0; }但是似乎没有什么改变.有人知道我该怎么做吗? 编辑: 这是我的html文件:<body><div class="container"><div class="form-group"><textarea class="form-control" rows="15" id="note"></textarea></div></div> ...

Javascript用换行符将文本追加到textarea【代码】

我有一个按钮,用户可以单击以合并2个文本区域中的文本,但是当他们单击该按钮时,第二个文本区域中的文本将添加到第一个文本区域的末尾,以便将其显示在一行中.我想在文本的末尾添加换行符,以便附加的文本在新行上.<input type="button" class="copy_submit" value="<< Copy"onclick="document.forms['merge_form'].notes1.value += document.forms['merge_form'].notes2.value;" />解决方法:在属性事件值的.value之前包括换行符<inpu...

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 全部