问题标签 [textselection]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
319 浏览

dom - 选择文本,然后使用 jQuery for AJAX 将其分成三部分

我想在一个容器(DIV)中取出一堆 HTML,然后让用户选择其中的一部分。它不是我正在寻找的“可编辑区域”。因为我们不希望用户能够覆盖/更改文本。标记一下。

用户选择它后,我想知道选择了什么,但也想知道选择的部分在哪里。

例如。

  1. 我们有一个项目符号列表,用户选择项目符号行 3 和 4。

  2. 我们有一些 Headline1 和三个段落。然后用户选择中间段落的一部分。我想知道那段的位置。

我进行了一些研究,据我了解,MSIE 在选择方面存在问题,如果涉及到选择的 startPos 和 endPos。

其次,如果标记的文本在整个容器内多次出现怎么办?

这是一个例子:

问题就在这里,如果用户选择“tempus”它不足以知道这个词,我还需要知道它是哪个词(什么段落/标题/项目符号元素)。

原因是我们希望“读者”能够发现感兴趣/关注的事物。有时是整个段落,有时只是一个单词或标题。

完美的解决方案

如果我们能以某种方式检测到选择的 DOM 中的哪个“元素”(我猜是从顶部开始计数)。其次,该特定元素中有多少(起点和终点)。

因为那时我们可以对我们的 ASP.NET 执行某种 Ajax,它告诉后端已标记的内容,然后执行任何操作......

我发现一些在线代码编辑器可以完成上述的一堆 + 比需要的更多,但相信解决方案在这个上要简单得多。只是找不到开始使用 jQuery 解决方案的正确方法。

希望 jQuery Yoda 能读到这篇文章。:-)

0 投票
1 回答
1840 浏览

android - 这是什么文本选择控件?

我想对具有各种文本字段的 Activity 上的文本选择实现相同性质的控件。实现图片中所示行为的任何想法

在此处输入图像描述

0 投票
1 回答
2636 浏览

jquery - TinyMCE 自定义链接按钮/命令(使用 jQuery)

我有一个隐藏默认工具栏的 TinyMCE 编辑器,并创建了我自己的来替换它(使用 office2007 样式 css 预览进行了简化)。

我在通过代码创建链接时遇到问题(我用 cms 生成的页面列表加载我自己的 jQuery UI 窗口,这会返回一个指向我的代码的 url)。

我的做法如下:

将以下内容添加到 TinyMCE 设置配置:

因此,在执行默认行为之前,执行的任何命令都会通过该函数运行。

在那个函数中,我检查它是否是一个“mceLink”事件(让我的自定义工具栏正确发送命令,所以那里不是问题)。当我得到一个时,我会显示一个返回用户选择的 url 的窗口。在这一点上,我有一个问题。

我使用选择的节点

但正如预期的那样,它返回了段落的节点。

我需要做的是将选择包装在<a>标签中,以便我可以使用该<a>节点,但无法找到如何执行此操作。我已经浏览了 API,但找不到我要找的东西。不过肯定有一些东西,因为 TinyMCE 必须在内部使用它。(我也尝试过研究 TinyMCE 源,但它超出了我的范围!)

有人有什么想法吗?

谢谢

0 投票
2 回答
7899 浏览

javascript - 使文本无法选择

因此,在使用 HTML5 中的滚动条和其他东西时,我开始注意到一个令人讨厌的趋势。如果我的元素附近有正在拖动的文本(例如,视频的滑动条、滚动条、用户单击和拖动的任何内容),则附近的文本将被选中,就好像我没有使用控件一样,只是拖动在页面上。

这非常烦人,我似乎无法在谷歌上找到正确的字符串来确定是否可以使某些元素“不可选择”。

有人知道怎么做吗?

0 投票
6 回答
3113 浏览

javascript - 处理 Firefox 扩展中的文本选择事件(防止用户选择文本)

我想知道在 chrome 代码中,我们是否有更好的方法来检测用户何时选择/突出显示当前页面中的某些内容,而不是监听keyup/mouseup和检查window.getSelection()。有任何想法吗?

编辑:实际上,我想要做的只是阻止用户在 contentDocument 中选择任何文本。实现这一点的东西也会很好。(获得选择事件背后的想法只是为了preventDefault()或以其他方式getSelection().removeAllRanges()

edit2:请注意,我不仅需要防止突出显示,还需要防止选择发生。

edit3:我不需要阻止复制而是选择元素。

0 投票
1 回答
860 浏览

android - “文本选择模式”是否适用于所有视图和设备

WebView.emulateShiftHeld()的文档说:

使用此方法将 WebView 置于文本选择模式。不要依赖此功能;将来会被弃用。

“将 WebView 置于文本选择模式”是什么意思?

澄清:

  1. WebView 的“文本选择模式”是否与其他 视图一样?
  2. “文本选择模式”在模拟器上的工作方式与在其他真实设备上的工作方式相同吗?

例如,在模拟器上,我将函数绑定到一个菜单项,当我选择该项目(在模拟器上)并开始将鼠标拖到一些文本上时,我有 2 个粗光标(“句柄”?)标记开始选择的开始和结束。当我单击结尾的“手”时,我会收到一个弹出气球,上面写着“文本已复制到剪贴板”。

0 投票
4 回答
1568 浏览

android - Android 文本选择术语

在文本选择期间(在模拟器中)出现的两个“梯形”是如何调用的?

在哪里可以找到有关如何以编程方式控制它们的更多信息?

为了更清楚起见,我附上了一张快照,您可以在其中看到左右“文本选择梯形”:

在此处输入图像描述

0 投票
2 回答
4217 浏览

android - 为什么这个 MotionEvent 模拟不起作用?

在练习应用程序的一个视图中,我尝试以编程方式执行文本选择。

我能够(以编程方式)输入“文本选择模式”,该模式由视图左上角的 CursorControllers(AKA 句柄)直观地指示。

如果我手动拖动正确的 CursorController,然后再次单击它(在模拟器中),它会按预期工作(完美),显示一条简短消息:“文本已复制到剪贴板”。

但是当我尝试以编程方式拖动正确的 CursorController 时,什么也没有发生。

我尝试这样做的方法是模拟 MotionEvent。在视图中,我调用:

在 MainActivity 我当然实现了 OnTouchListener:

如果我理解正确,仅通过从 onTouch 返回“false”,Android 就会继续寻找另一个 UI 对象来使用 MotionEvent 对象,最终到达我的视图

为什么这不会发生?

我一定错过了一些非常基本的东西......

0 投票
6 回答
282983 浏览

javascript - 获取突出显示/选定的文本

是否可以通过使用 jQuery 在网站的段落中获取突出显示的文本?

0 投票
2 回答
7936 浏览

jquery - 如何在棘手的情况下禁用表格上的文本选择?

我有一个基本表,如下所示:

在行上,我有一个带有 jQ​​uery 的双击功能:

我还有一个名为 tablednd 的插件,它在行上使用 mousedown/up 函数。双击会导致单元格上的文本选择。

我怎样才能防止这种情况?