当用户在 jquery 中按 Enter 键时将
添加到文本框

2023-11-26

我想添加<br/>当用户单击输入按钮时(换行符)到文本框。

我怎样才能在jquery中实现它onkeyup事件。可以给我展示一个示例或任何实现它的好网站吗?

谢谢


从这里复制的文本区域中的插入符位置(从头开始的字符数) See DEMO.

<script src="jquery.js"></script>
<script>
    $(function ()
    {
        $('#txt').keyup(function (e){
            if(e.keyCode == 13){
                var curr = getCaret(this);
                var val = $(this).val();
                var end = val.length;

                $(this).val( val.substr(0, curr) + '<br>' + val.substr(curr, end));
            }

        })
    });

    function getCaret(el) { 
        if (el.selectionStart) { 
            return el.selectionStart; 
        }
        else if (document.selection) { 
            el.focus(); 

            var r = document.selection.createRange(); 
            if (r == null) { 
                return 0; 
            } 

            var re = el.createTextRange(), 
            rc = re.duplicate(); 
            re.moveToBookmark(r.getBookmark()); 
            rc.setEndPoint('EndToStart', re); 

            return rc.text.length; 
        }  
        return 0; 
    }

</script>
<div id="content">
    <textarea id="txt" cols="50" rows="10"></textarea>
</div>

嗯,我想所有的文本编辑器(WYSIWYG)都一直这样做。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当用户在 jquery 中按 Enter 键时将
添加到文本框 的相关文章

  • 使用 jQuery 保留切换状态[重复]

    这个问题在这里已经有答案了 可能的重复 带 Cookie 的 jQuery 切换 https stackoverflow com questions 2523189 jquery toggle with cookie 我有一个简单的切换 但
  • Pjax动画

    我终于让 pjax 工作了 但我还有另一个问题 如何添加一些 jquery 动画 如淡出 幻灯片旧内容和淡入 幻灯片新内容 默认情况下 pjax 只是更改内容 没有任何好看的效果 任何帮助将非常感激 此致 基本上 你有一堆事件 https
  • fadeOut() 和slideUp() 同时进行?

    我已经发现jQuery 淡出然后滑动 https stackoverflow com questions 734554 jquery fadeout then slideup这很好 但不是那个 我怎么能够fadeOut and slideU
  • jQuery 中什么函数相当于 .SelectMany()?

    让我解释一下 我们知道 jQuery 中的映射函数充当 Select 如 LINQ 中 tr map function return this children first returns 20 tds 现在的问题是我们如何在 jQuery
  • 使 Bootstrap Popover 在悬停而不是单击时出现/消失

    我正在使用 Bootstrap 构建一个网站Popover http twitter github com bootstrap javascript html popovers我不知道如何使弹出窗口出现在悬停而不是单击时 我想做的就是当有人
  • 选择单选按钮时隐藏/显示 3 个文本框

    我有 2 个单选按钮 选择一个文本框时 我想显示 3 个文本框 并在选择其他文本框时隐藏它 这是代码 这是我的 2 个单选按钮
  • 意外的令牌:尝试解析 JSON 字符串时

    我正在尝试解析这个 JSON 字符串 RESULTS name Thessaloniki GR type Sailing l sailing weather beach Porto 20Carras 20Marina 45904 name
  • 将一个文本框的值分配给另一个文本框

    看过类似问题的答案 但对于我的一生 我无法弄清楚我做错了什么 我有两个文本框和一个按钮 当文本添加到第一个文本框并按下按钮时 我想将第一个文本框的值 文本应用到第二个文本框
  • 如何修复 IE6 上的不透明度

    如何修复 IE6 上的不透明度 此代码不适用于 IE6 filter alpha opacity 50 moz opacity 0 5 khtml opacity 0 5 opacity 0 5 还有这段代码 description ani
  • 仅动态包含 javascript 文件一次

    我正在编写一个 javascript 函数 该函数用于包含外部 JS 文件 但仅一次 我需要这样一个函数的原因是 当通过 AJAX 加载某些内容时会调用它 并且我需要对该内容运行特定于页面的代码 不 只需使用 live不会覆盖它 这是我的尝
  • 如何防止 iframe 中的链接在新选项卡中打开

    我为我制作的基于网络的操作系统制作了一个基于网络的小型网络浏览器 我注意到在某些网站中 它们有喜欢在新选项卡中打开的链接 有没有办法可以防止这种情况并在 iframe 中打开链接 这是我的整个浏览器的代码 以防万一
  • 获取自定义属性的值

    我有两个单选按钮 我希望能够获取选中的单选按钮的自定义属性 xml value 的值 我尝试过以下脚本 var userType input name ctrl CustomerType checked this attr xmlvalue
  • jQuery 位置 DIV 固定在滚动顶部

    我有一个相当长的页面 在布局的菜单中 有一个弹出菜单 我希望菜单的弹出部分显示在页面顶部 即使用户已将菜单栏滚动到视图之外 这是菜单的 HTML div div Compare up to 3 cards side by side Clic
  • 如何使用 JavaScript 发布 ASP.NET MVC Ajax 表单而不是提交按钮

    我有一个使用创建的简单表单Ajax BeginForm Description br
  • Jquery,取消绑定鼠标滚轮事件,然后在操作完成后重新绑定它?

    我已经为此苦苦挣扎了一段时间了 我正在使用此代码来监视鼠标滚轮 以便它可以用于使用我拥有的滑块滚动 但是 它有一个问题 即操作排队 因此如果你快速滚动鼠标滚轮 就像任何人通常会做的那样 它们就会堆积并导致错误行为 我知道如何用动画处理此类问
  • 确定元素是在页面折叠上方还是下方

    我有一些页面有多个输入框 用户可以在其中输入文本 在单击 下一步 按钮之前 需要填写其中一些内容 我弹出验证错误供用户查看 但是如果问题不在页面上 我希望页面滚动到它 而不是他们必须搜索丢失 错误的字段 我有一个滚动到位 但我无法确定要滚动
  • 如何使用 javascript/jquery/AJAX 调用 Django REST API?

    我想使用 Javascript jQuery AJAX 在前端调用 Django Rest API 请求方法是 POST 但当我看到 API 调用它的调用 OPTIONS 方法时 所以 我开始了解access control allow o
  • 如何更改自动完成中的结果过滤器?

    我不想进行字面匹配 而是想通过正则表达式选择结果 我可以覆盖自动完成的默认行为来完成此任务还是需要替代结构 有一个内置的方法可以做到这一点 只需提供一个函数source http jqueryui com demos autocomplet
  • 获取点击的的DOM路径

    HTML div class lol a class rightArrow href a div 伪代码 rightArrow click function rightArrowParents this dom dom is the pse
  • 无法使用 HTML 设置未定义 jQuery UI 自动完成的属性“_renderItem”

    我使用以下代码将 jQuery UI 自动完成项呈现为 HTML 这些项目在自动完成控件中正确呈现 但我不断收到此 JavaScript 错误并且无法移动过去 Firefox 无法转换 JavaScript 参数 Chrome 无法设置未定

随机推荐

  • 在 iPhone 应用程序中验证用户身份

    我正在为我们的 Web 应用程序开发 HTTP API 最初 API 的主要使用者将是我们正在开发的 iPhone 应用程序 但我在设计它时考虑到了未来的用途 例如其他平台的移动应用程序 我正在尝试确定对用户进行身份验证的最佳方式 以便他们
  • 如何从每组中选择前 5%?

    我有一个这样的示例表 CREATE TABLE TEMP Category VARCHAR 100 Name VARCHAR 100 INSERT INTO TEMP VALUES A John INSERT INTO TEMP VALUE
  • 在 Azure Functions 中使用 Python 3

    我的目标是让一些 Python 3 代码作为 Azure Functions 运行 但我无法让 Python 3 工作 我意识到 Azure Functions 中的 python 支持仍处于实验阶段 这是我尝试过的 创建一个新的函数应用程
  • Flutter“不要跨异步间隙使用 BuildContext”

    基本上 当用户在对话框中按 注销 时 我想返回到我的登录视图 onSelected value async switch value case MenuAction logout final shouldLogout await showL
  • SqlCommand.CommandTimeout 和 SqlConnection.ConnectionTimeout 之间有什么区别?

    有什么区别吗SqlCommand CommandTimeout and SqlConnection ConnectionTimeout在 NET 中 Yes CommandTimeout是单个命令需要多长时间才能完成 ConnectionT
  • Pandas - 按一列分组并聚合其他列以列出

    我有一个数据框 其中有多个用户条目 这些用户还可以分配给多个 ID 我想按用户进行分组 然后将这些 ID 的列表存储在另一列中 如下所示 我想从这里开始 df1 pd DataFrame USER BOB STEVE PAUL KEITH
  • dispatch_set_target_queue如何工作?

    由于缺乏材料dispatch set target queue 我来这里寻求帮助 所以谢谢 这是我的测试代码 dispatch queue t mySerialDispatchQueue1 dispatch queue create com
  • 阻止 Visual Studio 2013 自动删除分配中的多余空格

    我正在尝试对齐一些分配以提高可读性 但每次我粘贴某些内容时 Visual Studio 2013 都会自动删除前面的多余空格 例如 这个 static class Constants public static string Somethi
  • 这些何时加载 DLL:隐式链接 VS 显式链接

    我认为隐式链接会在应用程序启动时立即加载 DLL 因为它也称为 加载时动态链接 但我从这里的链接中发现了下面一些奇怪的解释 https msdn microsoft com en us library 253b8k2c VS 80 aspx
  • 防止 C# 应用程序运行多个实例

    我用c 写了一个程序 现在我想知道阻止程序启动 如果它已经在运行 的正确方法是什么 因此 如果它已经在运行 则双击该程序它将不会启动 因为它已经在运行 我可以做到这一点 但我正在考虑一个标准且正确的方法 推荐的方法是使用系统互斥锁 bool
  • 如何使用CasperJS在没有表单标签的情况下填写表单

    我是 CasperJS 新手 在登录该网站时遇到问题http weibo com login php 这是我尝试过的 this fill form contact form username email protected password
  • 如何在 Jupyter Notebook 中显示文件中的图像?

    我想用一个IPython笔记本作为一种交互式分析我用 Biopython 制作的一些基因组图表的方法GenomeDiagram模块 虽然有大量关于如何使用的文档matplotlib为了在 IPython 笔记本中获得内联图形 GenomeD
  • 意外的 strtok() 行为

    我正在尝试使用 strtok 计算文件中的单词数 code c WHAT Use strtok to count the number of words in a file include
  • 使用Python的unittest模块作为测试运行程序时,如何在测试之前运行初始化代码?

    在运行库提供的测试之前 库的用户如何运行自己的初始化代码 例如设置记录器的调试级别 蟒蛇的unittest模块用作测试运行器 您可以尝试使用 pytest 来运行单元测试 如果这有效 许多基于单元测试的测试套件都有效 那么您可以创建一个小模
  • 如何使用 Powershell 删除 IIS 自定义标头?

    我正在编写一个将网站部署到 IIS 7 的 powershell 脚本 我想使用 powershell 中的 Web 管理模块而不是使用 appcmd 执行以下命令来删除自定义标头 如何在不使用 appcmd 的 powershell 中执
  • 在 bash 中回显打印 -e

    我已经得到了在 Bash 中创建的脚本 我正在使用的功能之一是echo我正在使用 e解释标志 反斜杠转义 我有一个以彩色打印文本的脚本 但是当它回显将要以彩色显示的消息时 它也会打印 e带有消息的标记 此处为例 NC 033 31 0m n
  • 如何取消或停止 Google App Engine Cron 作业

    我将一个使用 CRON 作业的应用程序部署到我的 Google App Engine 我跟着this教程 它工作正常 我可以在我的 GAE 控制台中确认它 在我的 Stackdriver 日志中 我还可以看到 CRON 作业正在运行 但我对
  • 尝试在 Lumen 中重置密码

    我正在尝试在 Lumen 中实现密码重置功能 但未能成功 Lumen 可以访问 Laravel 之类的东西密码经纪商 and 密码管理器但我无法使用它并成功 有没有什么解决办法呢 我昨晚才真正弄清楚这一点 并写了一篇关于它的博客 http
  • 布局内的 OpenGL 视图

    如何设置包含 OpenGL 视图的 xml 布局 我现在所做的就是使用 setContentView 将 OpenGL 视图设置为唯一的视图 但我想创建一个包含 OpenGL 视图的 xml 布局 假设我主要想要 OpenGL 视图 并在底
  • 当用户在 jquery 中按 Enter 键时将
    添加到文本框

    我想添加 br 当用户单击输入按钮时 换行符 到文本框 我怎样才能在jquery中实现它onkeyup事件 可以给我展示一个示例或任何实现它的好网站吗 谢谢 从这里复制的文本区域中的插入符位置 从头开始的字符数 See DEMO