在javascript中将输入框滚动到光标位置

2023-12-10

我编写了一个简单的 JS 函数,当输入框接收焦点时,它将光标置于输入框内容的末尾(框中最常见的操作是追加)。我没有在 IE 中检查过,但是当文本多于可见文本时,即使将光标移动到输入末尾也不会在 Firefox 3.6 中将视图滚动到输入末尾。

知道如何做到这一点吗?

附:不,我没有使用 JQuery,也不是一个选项;)

找到了解决方案here使用不同的措辞(插入符号而不是光标)


您可以通过分配给文本区域的scrollTop属性来滚动:

// scroll to bottom
elt.scrollTop = elt.scrollHeight;

Firefox 和 Safari 还提供scrollByLines,并且 IE 有doScroll,但是scrollTop属性是跨浏览器的,使用起来更简单。

就我个人而言,我不喜欢将光标移动到文本区域的末尾。如果我想要最后完成,我自己只需要几分之一秒的时间即可完成。将光标从末端移动到中间的某个位置大约需要一秒钟(末端是一个较大的目标,因此需要击球时间更少)。除非文本区域有特殊目的,我不会为焦点追加功能而烦恼。

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

在javascript中将输入框滚动到光标位置 的相关文章

随机推荐

  • Kiwi 和 CocoaPods 具有静态共享库

    我有一个包含 3 个项目的工作区 MyApp Common Pods Common是MyApp依赖的公共库 我想设置 CocoaPods 和 Kiwi 以便在此项目中正常工作 我该怎么办 I found https stackoverflo
  • Slickgrid:最终列自动调整大小以使用所有剩余空间

    我正在使用 SlickGrid 并努力寻找一个优雅的解决方案来解决以下问题 所有列在首次渲染时必须具有特定的初始宽度 但之后可以调整大小 调整窗口大小时 最后一列应自动填充剩余的列空间 我见过 使一列填充 SlickGrid 中的剩余空间
  • 使用新的架构更改更新 LinqtoSql 数据库?

    我有一个已发布到市场的 Windows Phone 7 应用程序 我将 Sql CE 与 LinqToSql 一起使用 当应用程序运行时 它会通过连接字符串检查数据库是否存在 如果不存在则创建数据库 using CheckbookDataC
  • 在 Google Apps 脚本中转义正则表达式文字

    我不知道为什么这不起作用 我已经通过我在网上找到的更好的正则表达式工具之一来验证它 并且我之前使用的似乎是转义字符 号使其成为字面 但 Google 脚本一直抱怨 无效量词 第 2 行 这是我的脚本 省略了某些个人详细信息 这是为了清理电子
  • Django - 将额外参数传递给 upload_to 可调用函数

    我知道您可以使用 upload to 参数传递可调用函数来动态更改 Django 模型中的 FileFied ImageField 等 upload to 调用的函数传递了 2 个变量 即未保存在数据库中的文件的实例 instance 和所
  • 将分组平均值添加到数据框中的列[重复]

    这个问题在这里已经有答案了 我想计算数据框中的组平均值 并在包含这些组平均值的原始数据框中创建一个新列 我正在进行重复性研究 我想要新列中插入 单元和通道内测量的平均值 以便我可以将其减去并计算残差 My data gt head myte
  • 如何在 HttpPost 中使用参数

    我正在通过以下方法使用 RESTful Web 服务 POST Consumes application json Path create public void create String str1 String str2 System
  • 定期运行 JavaScript 函数

    我目前正在建立一个网站来托管软件 我想要的是在项目页面中添加循环截图的幻灯片 大约每 5 秒更改一次图像 有没有办法仅使用 JavaScript 在一定时间间隔触发脚本 或者我是否必须采用替代方法来实现我想要的功能 预先感谢您的任何帮助 s
  • Typescript 类型、泛型和抽象类

    我尝试了一种对我来说似乎很奇怪的行为 让我们考虑以下示例 在 Typescript Playground 中测试它 abstract class FooAbstract abstract bar class Foo extends FooA
  • MonoTouch“无法 AOT 程序集”

    我正在使用 MonoTouch 6 2 并且我有一个应用程序可以在模拟器上构建并运行良好 但当我为实际设备构建时 会出现 无法 AOT 程序集 错误 有没有人见过这个 这是编译器的输出 Applications Xcode app Cont
  • 在 Tomcat 上运行 JasperViewer 作为 Web 应用程序的一部分

    我了解到贾斯珀浏览器 默认预览组件贾斯珀报告 is a Swing组件 那么有什么方法可以将其转换或嵌入到Web应用程序中吗 有人说我应该使用Java网络启动 但据我所知这个链接 JWS在客户端计算机上下载并安装应用程序非常有用 但这不是我
  • 如何禁用特定控件的视图状态?

  • jquery 显示 [object object] 而不是数组 [重复]

    这个问题在这里已经有答案了 只是试图在视图中显示我通过 ajax 从控制器获取的数组 但它显示 object Object object Object 而不是数组 请检查我的js文件如下 faq title click function v
  • 如何在 PHP 中循环使用十六进制颜色代码?

    我想要一个数组 其中数组中的每个字段都包含一个颜色代码 array 0 gt 4CFF00 1 gt FFE97F 我希望它能够经历从绿色到黑色的整个颜色范围 绿色 gt 蓝色 gt 深蓝色 gt 紫色 gt 黄色 gt 橙色 gt 红色
  • 前面带有“0”的数字文字[重复]

    这个问题在这里已经有答案了 Using insert 我将值推入Array as myarray 22 33 44 myarray insert 0 02 gt 2 22 33 44 如果执行以下操作 我得到 myarray insert
  • 获取数组中特定项目的索引

    我想检索数组的索引 但我只知道数组中实际值的一部分 例如 我在数组中动态存储作者姓名 author xyz 现在我想找到包含它的数组项的索引 因为我不知道值部分 这个怎么做 您可以使用查找索引 var index Array FindInd
  • javascript 创建日期错误的月份

    使用 Mozilla Firefox Firebug var myDate new Date 2012 9 23 0 0 0 0 myDate 日期 2012 年 10 月 23 日星期二 00 00 00 GMT 0400 东部夏令时间
  • 如何验证机器人是否正在输入信息

    我有一个网络表单 用户填写该表单并将信息发送到服务器并存储在数据库中 我担心机器人可能只是填写表格 而我最终会得到一个充满无用记录的数据库 如何防止机器人填写我的表格 我在想也许类似于 Stackoverflow 的机器人检测 如果它认为你
  • 如何在 Ubuntu 16.04 上使用带有 Python 3.7 的 sqlite3 python 模块的 FTS5 扩展?

    为了测试带有 sqlite3 Python 模块的 FTS5 扩展是否有效 我使用了这个code from 技术进步 import sqlite3 conn sqlite3 connect memory conn execute creat
  • 在javascript中将输入框滚动到光标位置

    我编写了一个简单的 JS 函数 当输入框接收焦点时 它将光标置于输入框内容的末尾 框中最常见的操作是追加 我没有在 IE 中检查过 但是当文本多于可见文本时 即使将光标移动到输入末尾也不会在 Firefox 3 6 中将视图滚动到输入末尾