【javascript – 制作一个完全透明的textarea】教程文章相关的互联网学习教程文章

javascript – 如何在textarea中更改闪烁的光标/插入符号【代码】

我有一个带有透明文本的textarea,底层pre通过js显示文本,所以看起来用户正在输入动态文本.它与背景颜色on this Regex Tester的概念相同,除了我正在改变文本颜色和背景颜色,所以我想在textarea中使用透明文本. 但是,将textarea的颜色定义为透明,也会使闪烁的光标变得透明,这会令人迷惑.有没有办法只更改闪烁的光标颜色或只更改文本的颜色而不影响闪烁的光标? 我浏览了其他问题,但他们没有提供足够的答案. 注意:我指的是闪烁的text...

javascript – 将jQuery自动完成数据附加到textarea内容而不是覆盖它【代码】

我想在我的rails应用程序中创建一个@ other people函数,就像stackoverflow一样:我差不多完成了这个功能,但是我遇到了问题,jQuery auto-compelete数据替换了我的textarea内容,而不是追加.CoffeeScript的:find_at_sign = ->if $("#tags").val().split('').pop() == "@"id = $("#tags").data("article-id")$("#tags").autocompletesource: '/articles/' + id + '/autocomplete.json'minLength: 1$->$(document).on("input", "#tags...

javascript – 逐行从textarea获取文本?【代码】

HTML代码<textarea id="test"></textarea> <button id="button_test">Ok</button>使用Javascript$(document).ready(function(){$("#test").val("123e2oierhqwpoiefdhqwopidfhjcospid");});$("#button_test").on("click",function(){var as=document.getElementById("test").value;console.log(as);});我们可以使用val和split函数逐行获取textarea的值.但是否有可能从textarea逐行获取非常长的单词?.在示例中,我需要将输出作为123e...

javascript – 使用HTML textarea将数据绑定到每个元素【代码】

我正在尝试在我使用d3.js v3创建的散点图上实现注释功能.当我单击每个数据点时,文本框出现在我输入文本的位置.添加文本后,它将显示为该特定数据点的工具提示.我执行它的方式是:eventGroup.select("circle").attr("class", "dot").attr("r", 4).attr("cx", 10).attr("cy", 10).attr("fill", function(d) {return d.evtColor ? d.evtColor : "#229ae5";}).attr("stroke", function(d) {return d.evtColor ? d.evtColor : "#229ae5";...

javascript在textarea中捕获粘贴事件【代码】

我目前有一个textarea,我需要控制粘贴的文本, 基本上我需要能够将用户想要粘贴的任何内容粘贴到textarea并将其放入变量中. 然后,我将确定它们粘贴文本的位置和字符串的大小,以便从textarea中删除它, 然后在最后以我自己的方式处理变量中的文本. 我的问题:如何在用户粘贴的变量中获取文本的副本? 谢谢.解决方法:我几天前回答了一个类似的问题: paste' rel='nofollow' target='_blank'>Detect pasted text with ctrl+v or right c...

javascript – 使用jQuery的TextArea字符计数器【代码】

我无法弄清楚为什么我的JavaScript无法正常工作.它使用j Query并且它应该选择所有文本区域标签,然后为每个文本区域计算在其中键入的字符数,然后不允许用户在达到最大长度后再输入,还显示字符计数器在每个文本区域框下.它的作用只是显示每个按键后剩余但不减少的字符,并且当它达到最大长度时也不会停止.它也不会选择所有文本区域,只会找到它找到的第一个文本区域. 这是我的TextAreaCounter.js$(document).ready(function){ var $tex...

javascript – 动态TextArea高度【代码】

我确信textarea的高度根据它的内容(而不是滚动)而改变.但是默认高度是32px而不是16px我该怎么改变它. HTML:<textarea id="cryTextArea" style="background:#fff; border:dashed #bc2122 1px; height:auto; width:100%;"></textarea>使用Javascript / jQuery的:var observe; if (window.attachEvent) {observe = function(element, event, handler) {element.attachEvent('on' + event, handler);}; } else {observe = function(e...

javascript – 欧元字符的HTML转义没有在textarea中解释?【代码】

它显示了& euro;而不是textarea中的€(货币符号).有谁知道为什么会出错?<?php $currency = "&euro;"; //using php with other data from databaseecho "<script>$('#share_button').click(function(e){// pass the currency to javascript and put in textarea shared with other on clicks$('#snsdescp').val(`".$currency."`);});</script>"; ?>//shared textarea <textarea class="form-control" name="message" id="snsdescp"...

javascript – Textarea:允许以linebreak开头【代码】

我正在开发一款Ionic / Cordova应用程序.有一个textarea可见,用户可以输入一些数据,然后传输到服务器. 在这里,用户应该能够输入换行符.我现在面临的问题是,只有在他们输入第一个字符后才有可能;并且不可能以换行开头. ng模型切断了开始的换行符.我怎样才能实现目标? textarea看起来像这样:<textarea ng-model="card.text" id="text-message" rows="20"></textarea>谢谢.解决方法:根据https://github.com/angular/angular.js/issu...

javascript – 使用ExtJS动态地将TextAreas添加到用户输入的FormPanel上【代码】

我有一个FormPanel显示一个非常基本的表单,基本上,它只包含一个“名称”字段,一个“描述”字段和多个“规则”文本区域.我想要的是让用户能够在第一个这样的规则文本区域中键入文本,并为另一个规则显示另一个空的TextField(当他们开始键入时). 目前,我有一个函数,当使用指定的名称(newRulesField函数)调用时应该生成新的TextAreas,以及一个处理我的文本区域内的KeyPress事件的函数. 我基本上寻找的是如何动态修改表单中TextAreas的数...

javascript – 使用CKEditor动态添加textareas【代码】

我正在尝试创建一个动态表单,您可以在其中添加新的“章节”,点击最多10个按钮.这将是“简单的”,但我也希望文本字段实现CKEditor,我无法使它工作.我得到了顺利添加章节,我只能编辑它们的最后一个实例.此外,如果我编辑最后一个并点击“添加新章节”,最后一个会被删除.我的尝试基于this thread. 到目前为止我得到的Javascript代码:num_chapter = 1; var editor = new Array();function createEditor(){if (num_chapter <= 10){var n...

javascript – textarea非常奇怪的bug【代码】

我之前的问题是关于同样的崩溃,但是在可信的元素(previous question).向前发展我发现在textarea中发生了同样的事情.在我的示例(JSBin)中,您只需要模拟这样的情况:您在该textarea中输入2行,然后将光标移动到文本中间的某个位置,然后按Enter键,页面将崩溃.似乎导致页面崩溃的事件的复杂性.此外,这种崩溃在所有地方都很相似,不仅仅是在JSBin,小提琴或其他方面. JSBin HTML:<textarea id="textarea"></textarea>JS:console.log("rea...

javascript – 将HTML语法高亮显示到textarea中以编写代码【代码】

我有一个看似简单的问题,但我担心这对我自己来说太复杂了.我正在尝试将textarea实现到一个网页,用户可以在其中编写HTML代码,按下按钮,解释的html页面显示在代码旁边的div中.非常类似于w3schools“试试”部分. 到目前为止,我已经实现了所有功能,并且它几乎按预期工作,当您按下按钮时,代码可以正确地呈现在正确的位置.下一步是在textarea中实现语法突出显示,以便根据键入的标记或属性重新着色文本.基本上,我希望这个行为与编写HTML代...

javascript – 动态显示tinymce textarea【代码】

我有一个下拉列表,当做出选择时,将使用ajax在表单中将一堆元素插入到DOM中,在此表单中我有textareas,我希望是TinyMCE textareas. 我的HTML头部里面有这个:<script type="text/javascript">tinymce.init({selector: "textarea"}); </script>这是我用来添加一堆元素的ajax函数,这是我需要的工作方式.function getSecFacility(facsecid, facid) {$("#new_section_form").hide();$.ajax({type: "POST",url: "facility_section_inform...

javascript – textarea事件在添加tinymce 4后无效【代码】

我在textarea的onfocus事件上调用一个函数,它工作正常.但是在加入tinymce之后它停止了工作.这是我的代码JavaScript的…<script src="tinymce/tinymce.min.js" type="text/javascript"></script><script type="text/javascript">tinyMCE.init({theme: "modern",mode: "exact",elements: "txtDescription",auto_focus: false,resize: false,convert_urls: false,menubar: false,paste_data_images: true,plugins: ['advlist autolink...

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