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

PHP-无法使用Javascript AJAX从Summernote textarea中获取价值发送帖子数据【代码】

我一直在检查summernote API,并且有我的代码<form id="mail"><input type="text" id="email"><textarea id="summernote"></textarea><input type="submit"> </form>$('#summernote').summernote({placeholder: 'your Message',tabsize: 2,height: 300 });$('document').ready(function() {var messageData = $('#summernote').summernote('code');var email = $('#email').val();$(function() {$('#mail').submit(function(event) ...

javascript-jQuery:对不需要的textarea进行聚焦可防止保存按钮的触发点击事件【代码】

我有一个不需要textarea的表单.当我在textarea中编辑值并单击“保存”或“取消”或立即删除时,它不会触发第一次,但会触发第二次单击.如下图 而且我有我的jquery-validate onfocusout事件,如下所示,但未触发onfocusout: function(element) {if (!this.checkable(element) && element.name in this.submitted) {this.element(element);} },我有什么想念的吗?我正在使用Asp.NET MVC TextAreaFor html helper如下@Html.TextAreaFor(...

javascript-使用jQuery锁定textarea?【代码】

如何使用jQuery“锁定”文本区域,以便不能再输入任何字符?我不想禁用它,因为我想允许删除字符. 更新:哎呀..它刚来找我:如果我将长度限制为400个字符,则当长度>时我可以使用以下内容: 400:this.value = this.value.substring(0, 400);这只会减少多余的解决方法:以下是修改jquery.numeric插件的快速提示:) 它允许特殊键,但不允许用户输入任何内容.<textarea id="txt" rows="5" cols="50"></textarea><script type="text/javasc...

javascript-HTML textarea;垂直滚动到文本【代码】

我有一个HTML文本区域:<textarea> Some text Another text in another lineBOOMHello there. </textarea>我希望能够垂直滚动到BOOM一词,这样它才可见(显示在哪一行都没有关系). 这可能吗?解决方法:实际上,有一种方法可以使用window.find()和IE浏览器的一些变体来实现. 到目前为止,这是我想到的:var gotoText = function(text) {function iefind(string) {var txt = document.body.createTextRange(); if (txt.findText(string))...

有没有办法限制textarea(javascript / jQuery)中每行的字符?【代码】

有没有办法限制文本区域中每行的字符?例如,在文本区域的1-3行中,仅允许使用20个字符,但在此之后的行中,允许使用50个字符. 构造textarea的方式,我只能通过更改宽度来限制每行大约相同的字符数(因为它是盒子的形状).我不确定是否可以限制每行不同数量的字符. 我之所以这样问是因为我在文本区域的顶部有一个图像,并且当用户键入内容时,文本位于图像绝对定位的部分下面.除非可以在文本区域内浮动图像? :?解决方法:使用JavaScript解...

javascript-输入问题上的textarea【代码】

我有一个textarea,我想从键盘或鼠标/编辑菜单中捕获必要的事件.现在,当用户复制通过CTRL-V在文本区域中粘贴文本时,无论是在keydown还是粘贴时,都会调用processUserInput两次,这由于各种原因是不希望的. 我以这种方式“解决”了它:var IsProcessingEvent = false;$("#textarea").on('click keydown cut paste', processUserInput);function processUserInput(e) {if(!IsProcessingEvent) {IsProcessingEvent = true;// do the actu...

javascript-Textarea的标签和Backtab

是否存在使用JavaScript在HTML内实现Tabs和Backtabs(Shift Tab键)的库或解决方案? 我已经在Internet上找到了一些解决方案,但是它们都不涉及Backtab(Shift Tab). 救命?解决方法:我编写了一个小型JavaScript库,该库正是这样做的:向HTML textarea元素添加Tab和Shift Tab功能.它称为“选项卡覆盖”.您可以在http://wjbryant.github.io/taboverride/处试用该演示.没有依赖关系,但是如果您使用的是jQuery,为了方便起见,还提供了jQuery...

javascript-带有下拉列表和textarea的JQuery Modal对话框【代码】

我是jQuery的新手,如果这是一个简单的问题,请原谅我. 我正在尝试通过onClick事件创建一个对话框,该对话框包括: 1)下拉列表2)文字区域(高度可能为300px)3)是/否按钮 我已经到了可以显示带有“是/否”按钮的对话框的阶段,但是我正在努力添加一个下拉列表和textarea字段. 当前代码:function placeOrder() {if ($('#dialogDiv').length == 0) {$('body').append("<div id='dialogDiv'><div/>"); }var dialogDiv = $('#dialogDiv');di...

javascript-从Textarea动态删除字符【代码】

我有一个textarea,根据下拉列表的不同,它会具有动态的maxlength. 我有一种情况,如果用户选择选择具有更长的最大长度的选项,即如果是“ b”,然后输入字符然后选择一个最大长度较短的选项,即以我为例我需要从文本区域中删除多余的字符数,在从下拉列表中选择更长的选项时输入. 这是一个示例代码:var maxLen;function lengthChange() {var id = $('#ta').attr("id");var dropdown = $('#choice').val();var taValue = $('#ta').val();...

Javascript Focus()在空的textarea上不起作用【代码】

当下面的函数被调用时,我试图将重点放在文本区域上.填充文本区域时,它可以按预期工作,但是当文本区域为空时,则什么也没有发生.我也尝试过删除占位符,但这没什么区别. 有谁知道如何解决这个问题? JavaScript代码:focusOnText(sampleId: string){var textarea = document.getElementById(sampleId);textarea.focus();HTML代码:<textarea class="x" id="sampleId"[disabled]="!this.data && !this.editable"[readOnly]="!this.edit...

javascript-textarea空应该显示禁用按钮【代码】

我有一个textarea和一个按钮.有两个类buttonEnabled和buttonDisabled.我只想在textarea中有一些文本时应用buttonEnabled.因此,如果用户在文本区域中键入内容,则该按钮将显示为启用状态,并且当他通过选择并剪切或按退格键清除所有文本时.我希望我的按钮显示为禁用状态.我也只想用javascript做这个,由于某种原因不想使用jQuery.解决方法:目前,您可以确定立即获取输入内容中的所有更改的唯一方法是对其进行轮询.这是因为有很多可能的方...

javascript-textarea中的自动换行符

使用jQuery,当光标接近结尾时,如何在插入文本时如何创建自动添加新行的文本区域. textarea的宽度是通过CSS动态完成的(例如,#myTextArea {width:80%;}),因此我无法像计数每一行中的字符那样进行其他操作. 我不需要非JS解决方案,因为textarea的内容始终只能通过JavaScript看到.解决方法:You can get the calculated pixel width of the text area和textarea的填充.您可以查找字体的平均水平宽度(或模式,或其他令人满意的水平).您可...

javascript-如何为textarea中的特定字符着色【代码】

我正在编写一个程序来搜索所需的< textarea>中的字符.我需要为在文本区域中找到的特定字符上色.如何为< textarea>中的字符上色?例如,如果我在输入字段中输入的是“ a”,而不是< textarea>中的所有“ a”.应该染成红色….. HTML<form method="post" name="searching" onSubmit="return check(this)"><table border="0" cellpadding="10px" align="center"><tr><td width="114"><label><b>Text</b></label></td><td width="287"><te...

javascript-Angular js中textArea的2种方式绑定【代码】

我有一个用户必须回答的问题清单,为此准备了一份表格. html形式是<div class="list" ng-repeat="question in questions.data.Question" > <div class="item item-divider">{{question.text}}</div><label class="item item-input" ng-if="question.type =='comment'"><textarea placeholder="Comments"></textarea></label></div>现在我的json字符串是{"sucess": true,"message": "record(s) fetched sucessfully","data": {"Quest...

用javascript创建一个textarea【代码】

我正在尝试在id为“ body”的div中创建一个文本区域.我使用onClick事件调用该函数,但是单击它时,创建的全部是[object HTMLTextAreaElement].我不太确定如何使它工作.function opentextarea() { var input = document.createElement('TEXTAREA'); input.setAttribute('name', 'post'); input.setAttribute('maxlength', 5000); input.setAttribute('cols',80); input.setAttribute('rows', 40); var button = document.createElemen...

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