cost 111 ms
在达到行限制后阻止用户在文本区域中键入? - Stop user from typing in a textarea after reaching row limit?

我正在开发一个项目,其中 textarea 中的总行数将等于另一个元素的offsetHeight除以 24。设置总行数时,用户无法通过按 enter 键创建更多行,但是当任何文本写入溢出文本区域的宽度,它仍然会创建一个新行。 由于textarea继承的div的高度是可以调整大小的,所以也是未知的。 ...

以数组形式获取 TextArea 输入值,并使用 forEach 循环 console.log 中的值使用 Javascript - Get TextArea Input Value in form of array and forEach loop the value in console.log Using Javascript

在textarea输入字段上,所以首先我在textarea中键入任何文本时给了一个addEventListener,文本区域文本的值应该得到forEach Loop并且循环数组应该显示在console.log中..但是现在循环数组显示空白或不明确的。 ...

验证时间<textarea><i>of html on click event of "add" button in Angular</div></i> <b>html 在 Angular 中单击“添加”按钮的事件</div></b></textarea><div id="text_translate"><p> 我正在处理 Angular 申请。</p><p> 我有一个&“添加”按钮。</p><p> 现在我如何实现可以做的功能:如果没有单个值,那么如果我点击添加按钮,我应该会得到一个错误。 该错误必须提到为“请在 textarea 中添加一些内容”。 如果用户已经添加然后成功。</p><p> 可以请一些帮助吗?</p><p> 我试过 onSubmit() 表单但没有用</p></div> - Validation on <textarea> of html on click event of "add" button in Angular

我正在处理 Angular 申请。 我有一个&“添加”按钮。 现在我如何实现可以做的功能:如果没有单个值,那么如果我点击添加按钮,我应该会得到一个错误。 该错误必须提到为“请在 textarea 中添加一些内容”。 如果用户已经添加然后成功。 可以请一些帮助吗? 我试过 onSubmit() 表单 ...

Localstorage - 从 JS 重写为 Jquery - Localstorage - rewrite from JS to Jquery

我正在做一个投资组合项目——应该使用 jquery——部分任务是通过本地存储设置和获取文本——我可以在 Javascript 中完成,但在 jquery 中尝试重构时我中断了。 我找到了一个优雅简单的javascript codepen,它具有我想要的所有功能。 但是,当我重构为 jquery 时 ...

如何使此 div scrollTop 值与 textarea 的值匹配? - How to make this div scrollTop value match that of the textarea?

我正在使用 div 来格式化和显示来自等尺寸文本区域的文本,我需要它们永久同步。 但是,在输入文本超过文本区域底部后,我无法同步它们各自的 scrollTops。 我的过程与此处描述的过程类似,但我无法让他的解决方案在我的项目中发挥作用。 这是最少相关代码的演示和片段:&lt;section&gt ...

通过键盘与鼠标选择时,textarea 尾随新行 - textarea trailing new lines when selected via keyboard vs mouse

如果我像这样用 3 行文本和 3 个换行符初始化一个文本区域 当您用鼠标突出显示文本时,剪贴板将包含所有 3 个新行。 当您使用ctrl+a突出显示文本并复制时,剪贴板将包含额外的第 4 行。 这在我正在使用的 WYSIWYG 编辑器中导致了一些问题。 无论文本是用键盘还是鼠标突出显示,您如何使 ...

如何通过使用 JavaScript 擦除第一个文本区域来清除 2 个文本区域? - How can I clear 2 textareas by erasing the text on the first one using JavaScript?

当我写“hola”并单击“加密”时,结果显示在第二个文本区域中。 ¿是否有任何方法可以仅通过擦除第一个文本区域中的文本来清除第二个文本区域的文本? 我发现我可以创建一个按钮,但必须有一个解决方案而不创建它。 ...

为什么当我点击它时,复制按钮没有定位到匹配文本区域? - Why copy button desn't targetting to match textarea when i click it?

复制目标与真实表数据不匹配我尝试制作一个复制(salin)按钮来复制表数据/表中文本区域的每个数据。 但问题是目标与应该复制的文本区域不匹配。 请帮我。 我使用 Codeigniter 和 Javascript。这里的代码: ...

如何在 Svelte 的 Textarea Word Wrap 行号中添加空格 - How to Add a Space in Line Numbers in Textarea Word Wrap in Svelte

赏金将在 7 天后到期。 此问题的答案有资格获得+100声望赏金。 Jonathan想让更多人关注这个问题: 必须在 stackblitz 或类似产品中有一个工作演示。 我有一个文本区域,其中为每个新行生成了 CSS 行号。 一切都很好,除非有自动换行。 如果我得到自动换行,它不会换行新行文本 ...

文本区域值? - Textarea value?

当我使用文本输入类型时,我可以只给它一个值并使用它,即使在另一个页面示例中也是如此: 我可以对文本区域做同样的事情吗? 例子: 这是我从给定 ID 检索现有信息行的代码。 该信息包括姓名、电子邮件地址和评论: ...

未捕获的 TypeError:myFormRef.submit 不是函数,我试图让 React 中的文本区域使用 Enter 键提交值 - Uncaught TypeError: myFormRef.submit is not a function, I tried to make my textarea in React submit the value with the key Enter

我试图让我在 React 中的 textarea 输入使用 Enter 键提交值,但我收到了这个错误,我不知道为什么会这样: 错误信息这是我抓住关键的功能:const myFormRef = useRef(); const onEnterPress = (e) =&gt; { i ...

带下划线(组件全宽)文本的文本区域 - Textarea with underline (component whole width) text

普通文本区域 我需要这个文本区域 另一个文本区域 假设,图 1 是一个文本区域字段。 我需要每一行带有下划线(全宽下划线)的文本,如图 2 所示。有人能帮忙吗? 可编辑的图 2 必须具有类似于文本区域字段的行为。 在图 3 中,有一个按钮(+ 添加更多行)。 单击此处将增加文本区域内的行数。 - ...

我正在尝试为 HTML 标签构建自动完成功能<textarea><i>in React, but so far no success.</i><b>在 React 中,但到目前为止没有成功。</b> <i>Could someone assist me?</div></i><b>有人可以帮助我吗?</div></b></textarea><div id="text_translate"><p> 所以用户输入标签(如<body> )并且函数应该以( </div> )结束。 请在下面查看我的代码。</p><pre> import React, { useState } from "react"; const Text = () => { const [currentText, setCurrentText] = useState(""); const addClosingTag = (event) => { // const txtBefore = event.target.value.slice(0, event.target.selectionStart); const txtBef = currentText.slice(0,currentText.selectionStart); const txtAft = currentText.slice(currentText.selectionEnd, currentText.length); const lastString = txtBef.replace(/\s+/g, " ").split(" ")[txtBef.replace(/\s+/g, " ").split(" ").length - 1]; if (event.key == ">") { if(lastString.includes("<")){ var addClose = lastString.replace(/[< >]/g, ""); setCurrentText(`${txtBef}</${addClose}>${txtAft}`); } } } return ( <div> <textarea value={currentText} onChange={(event) => setCurrentText(event.target.value)} onKeyDown={(event) => addClosingTag(event)} /> </div> ) }; export default Text;</pre><p> 如果 function 不会触发,如果它<strong>不是</strong>html标签,那就太好了: <laptop></p><p> 我试图在贴标后关闭 html 标签,到目前为止,该功能没有按预期工作。</p></div> - I m trying to build auto complete for HTML tags in <textarea> in React, but so far no success. Could someone assist me?

所以用户输入标签(如&lt;body&gt; )并且函数应该以( &lt;/div&gt; )结束。 请在下面查看我的代码。 如果 function 不会触发,如果它不是html标签,那就太好了: &lt;laptop&gt; 我试图在贴标后关闭 html 标签,到目前为止,该功能没有按预期工作。 ...

根据 keyCode 将文本区域拆分为数组,并为每一行添加 li 标签 - JavaScript - Split text area into an array based on keyCode and add li tags to each line - JavaScript

我是 JavaScript 的新手,所以很难通过电话。 我有一个带有 textarea 字段的表单。 在回车键的每个按键事件之后,我需要将每一行都包裹在 li 标签中。 然后一旦提交,数据将作为列表输出。 我使用的是 Javascript,而不是 JQuery。问题是当我添加 li 标签时,开始标 ...

使用 graphql 发送我的文本区域的值 - sending value of my textarea with graphql

我希望你们都有美好的一天。 我正在编写自己的个人网站,并且有一个部分可以联系我。 我在这部分遇到的问题是,我试图将我的客户端 email 发送到我的 email,当我试图通过 Graphql 将他们的消息发送到我的服务器时,我收到此错误 我发送到服务器的请求是 我不知道如何解决它 我不知道为什么会出 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM