如何使用 JavaScript 从文本框控件中获取选定的文本

2023-12-30

我有一个文本框和一个链接按钮。 当我编写一些文本,选择其中一些文本,然后单击链接按钮时,从文本框中选择的文本必须显示在消息框中。

我该怎么做?


当我单击下面文本框的提交按钮时,消息框必须显示洛雷姆·伊普苏姆。因为在区域中选择了“Lorem ipsum”。


如果我从页面中选择任何文本并单击提交按钮,它就可以工作,但是如果我将文本写入文本框并创建它,它就不能工作。因为当我点击另一个空间时,文本框的选择被取消。

现在的问题是,当我从文本框中选择文本并单击任何其他控件或空间时,所选的文本仍然必须被选择。

该怎么做呢?


好的,这是我的代码:

function ShowSelection()
{
  var textComponent = document.getElementById('Editor');
  var selectedText;

  if (textComponent.selectionStart !== undefined)
  { // Standards-compliant version
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos);
  }
  else if (document.selection !== undefined)
  { // Internet Explorer version
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }

  alert("You selected: " + selectedText);
}

问题是,虽然我为 Internet Explorer 提供的代码在很多网站上都给出了,但我无法使其在我的副本上运行互联网浏览器 6 https://en.wikipedia.org/wiki/Internet_Explorer_6在我当前的系统上。也许它对你有用,这就是我给出它的原因。

您寻找的技巧可能是 .focus() 调用将焦点返回到文本区域,以便重新激活选择。

我得到了正确的结果(选择内容)按键按下时 event:

document.onkeydown = function (e) { ShowSelection(); }

所以代码是正确的。同样,问题是通过单击按钮进行选择......我继续搜索。

我没有成功使用绘制的按钮li标签,因为当我们点击它时,Internet Explorer 会取消选择之前的选择。上面的代码可以简单地工作input按钮,不过...

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

如何使用 JavaScript 从文本框控件中获取选定的文本 的相关文章

随机推荐

  • Spring Boot MVC 请求映射覆盖静态资源

    我希望 Spring Boot 中的其余控制器能够处理所有这样的请求 arg 除了 sitemap xml 我怎样才能做到这一点 您可以通过正则表达式在控制器级别指定请求映射 并使用以下命令排除某些资源 例如 excludeResource
  • 组合换算

    我刚刚开始学习信息学 现在我接到了第一个任务 我充满了疑问 有人给我一些建议吗 任务是创建一个数学公式 允许在 3 个不同的公式之间做出决定 而无需任何类型的 switch if else 或其他运算符 Sooo的目标就是 cin 一个数字
  • Django 模板过滤器查询集

    我是 django 的新手 我有一个 Django 应用程序 其中存储按 X 和 Y 分类的产品 views py class CartListView ListView template name checkout list html c
  • 响应IE浏览器窗口外的onmousemove事件

    在 Internet Explorer 7 中鼠标移动时的身体 or 文档 onmousemove事件似乎仅在鼠标位于浏览器窗口内时触发 而不是在鼠标位于浏览器窗口外时触发 然而在 Firefox 中onmousemove当我移出浏览器窗口
  • 与 equals 相比,使用 == 运算符如何带来性能提升?

    Joshua Bloch 的 Effective JAVA 中 当我阅读有关静态工厂方法的内容时 有这样的说法 静态工厂方法返回相同对象的能力 重复调用允许类保持严格的控制 任何时候都存在哪些实例 据说执行此操作的类是 实例控制 写的原因有
  • HTML 视口中的中心图像(无 JavaScript)

    我想在浏览器中显示一张图像 如果图像小于浏览器视口 则图像居中 水平和垂直 如果图像大于视口 则图像会缩小以填充 尽可能多的视口而不调整纵横比 图像 同样 图像水平和垂直居中 I 不想使用 JavaScript 最好 最语义化的 HTML
  • 如何使用 Angular 指令捕获触摸事件

    我希望能够捕获用户在触摸设备上的一组 DOM 元素上移动手指的事实 此示例在桌面浏览器上运行良好 但在移动 Safari 中查看时不会触发所有预期事件 工作 Plunkr 演示移动 Safari 上的问题 http plnkr co edi
  • Nodejs 应用程序错误:使用 pm2 部署时绑定 EADDRINUSE

    快速应用程序部署pm2 https github com Unitech pm2 数据库是mongodb 当使用命令运行应用程序时 NODE ENV production pm2 start app js i max 经常有错误 绑定EAD
  • 如何配置 AutoMapper 以全局忽略所有具有不可访问 Setter 的属性(私有或受保护)?

    如何在不使用 IgnoreAllPropertiesWithAnInaccessibleSetter 的情况下自动忽略映射包 cfg CreateMap
  • Prestashop Web 服务返回 JSON

    经过互联网上的广泛搜索后 我确信 Prestashop 不会以 JSON 格式返回数据 它只以 XML 格式返回 不幸的是 这会导致跨域访问问题 现在 我正在尝试将 XML 由 Prestashop 返回 转换为 JSON 我想编写可以从
  • GIT_COMMITTER_DATE 无法识别

    这可能是一个非常简单的问题 但我试图修改 Git 提交的日期 但每当我尝试修改 Git 环境变量时GIT COMMITTER DATE or GIT AUTHOR DATE我收到这条消息 当我打字时git var l他们也不出现 我必须自己
  • Clang 是否为 WebAssembly 的 memory.fill 和 memory.copy 提供了内在函数?

    我正在用 C 语言开发 WebAssembly 模块 并一直在尝试利用memory fill and memory copy中定义的指令WebAssembly 规范 https webassembly github io spec core
  • 如何在不同的行上显示操作栏选项卡?

    我正在使用 ActionBarTabs 在活动中实现 3 个选项卡 选项卡在操作栏下方的纵向模式下正确显示当我切换到横向模式时 选项卡与操作栏放置在同一行 如何强制选项卡以横向模式单独显示 位于操作栏下方 我的代码是 protected v
  • 更改 WSO2 DAS 上的默认管理员密码

    安装 WSO2 数据分析服务器并更改默认管理员密码后 我收到以下错误 ERROR org wso2 carbon databridge agent endpoint DataEndpointConnectionWorker Error wh
  • 如何在 jQuery UI 对话框中显示 IFRAME

    我正在升级的 Web 应用程序使用 jQuery 和 jQuery UI 我已经替换了大多数实例window open and a target blank 与 jQuery UI 对话框 例如 用于在新窗口中打开的条款和条件 现在我将 j
  • 如何将多个 javascript 库与 browserify 捆绑在一起?

    我正在尝试在浏览器中使用 Browerifiy 如果我使用独立选项 它会公开一个模块 我不想这样做 在实际编译代码后 网站和文档似乎在我查看的所有地方都被切断了 没有人说如何实际使用浏览器属性中的代码 我有一个这样的艰巨任务 browser
  • WPF DataGridComboBoxColumn

    您好 我正在使用 WPF DataGrid 并且我正在尝试使 ComboBox Column 正常工作
  • 如何找到与模式匹配的文本?

    NOTE 这不是任何现有问题的重复 它旨在说明为什么这样一个极其常见且看似简单的问题无法回答 并提供指导 指导发布此类问题的人如何修改它们以使它们可以回答 这样我们就不必继续提供几乎每天评论中都有相同的指导 可以参考这个 给定以下输入文件
  • 正则表达式 - 如何查找单词和引用的短语

    我想说以下一串 Guiness Harp Holy Moses 这样在 C 或 VB 中就可以得到一个匹配集 Guiness Harp Holy Moses 本质上 它会在空格上分开 除非空格周围有引号 否则引号之间的那些单词将被视为单个短
  • 如何使用 JavaScript 从文本框控件中获取选定的文本

    我有一个文本框和一个链接按钮 当我编写一些文本 选择其中一些文本 然后单击链接按钮时 从文本框中选择的文本必须显示在消息框中 我该怎么做 当我单击下面文本框的提交按钮时 消息框必须显示洛雷姆 伊普苏姆 因为在区域中选择了 Lorem ips