javascript - MouseEvent 的哪个方面或其他什么会触发视觉突出显示?

标签 javascript mouseevent highlighting textselection

标题设法提出了大部分问题,但是,我很好奇使用 LMB 单击的哪一部分会触发视觉突出显示。

我所说的视觉突出显示是蓝色框(如果您使用默认设置),它显示您选择的文本,以便您可以看到它。据我所知,实际的选择是选择对象 anchor 和焦点的差异,但是中间有什么东西可以告诉 Chrome 绘制一个蓝色框吗?

我认为文本选择和文本突出显示这两件事不一定一起工作,而是同时工作。我希望能够使用其他键/按钮模拟文本选择 - 从而突出显示。

最佳答案

如果我理解你的问题,你谈论的是 .select 事件(我将使用 jquery 来展示你可以用它做什么)。当用户选择元素中的某些文本时会触发该事件。例如:

$("#TextArea").on("select", function(){
    alert("you have been selected somesing");
});

TextArea 当然是一个文本区域。

编辑:只是一些更多信息和提示:

$("#TextArea").on("select", function(){
    indexOfSelectionStart = this.selectionStart;
    indexOfSelectionEnd = this.selectionEnd;
    alert("first index: " + indexOfSelectionStart + ". sec: "indexOfSelectionEnd);
});

通过索引,您可以知道用户选择了什么(如果您使用 slice() )

希望对您有帮助,如果没有,请告诉我。

祝你好运。

关于javascript - MouseEvent 的哪个方面或其他什么会触发视觉突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18045150/

相关文章:

mouseevent - 如何正确检测 JavaFX 中哪些鼠标按钮已按下

jquery - 用 jQuery 触发鼠标左键松开

javascript - 删除 <span> 标签,同时保留内容完好无损,仅使用 javascript

javascript - <div> 单行文字高亮效果

javascript - 对象不是 "require"端的 Koa 实例

javascript - 在没有 jQuery mobile 的情况下在移动设备上使用 mousedown 事件?

javascript - 向数据表中的项目添加 "data"选项

javascript - jQuery 单击或 touchstart 事件在移动设备上不起作用

cocoa - 在cocoa中点击NSRect打开一个NSWindow

c# - 有没有办法比较两个 richtextbox 文本并突出显示差异?