我在我的项目中使用自定义插入符号模拟文本编辑器，但本机选择。有什么方法可以检测用户选择文本的方向吗？可以说，该用户选择了文本“hello world”。有两种可能性，他可以从在字母“d”上单击鼠标开始并在字母“h”上结束，或者他可以从字母“h”开始并在字母“d”上结束。有什么简单的方法可以区分这两种情况吗？谢谢。
【问题讨论】：
标签： javascript web-applications
我试图找到一个适合我几天的解决方案。这是我想出的，这将适用于单范围选择：
var selection = window.getSelection();
var range = selection.getRangeAt(0);
var isSelectionDown = selection.focusNode === range.endContainer;
var isSelectionUp = selection.focusNode === range.startContainer;
选择的焦点节点始终是用户释放鼠标的位置，但范围结束和开始容器会根据方向而变化。
【讨论】：
var isReverse = selection.anchorNode !== selection.getRangeAt(0).startContainer;
老问题，但我想我会添加一个更简单的解决方案：
var sel = getSelection(),
position = sel.anchorNode.compareDocumentPosition(sel.focusNode),
backward = false;
// position == 0 if nodes are the same
if (!position && sel.anchorOffset > sel.focusOffset ||
position === Node.DOCUMENT_POSITION_PRECEDING)
backward = true;
Node.compareDocumentPosition (MDN)
【讨论】：
这应该可行：
function isBackwards(sel) {
var rg = document.createRange();
rg.setStart(sel.anchorNode, sel.anchorOffset);
rg.setEnd(sel.focusNode, sel.focusOffset);
return !rg.toString();
}
注意：如果您只允许选择换行符和空格，则需要修改上述函数，因为在这种情况下，无论如何它都会返回 true。
【讨论】：
跟踪mousedown X offset，然后是mouseup X offset，结果显示方向：（使用jQuery）
var textSelectionDirection = (function(){
var direction = '', mouseDownOffset = null;
function getDirection(e){
if( e.type == 'mousedown' )
mouseDownOffset = e.clientX;
else if( e.type == 'mouseup' ){
direction = e.clientX < mouseDownOffset ? 'left' : 'right';
console.log(direction);
}
}
return getDirection
})();
$(document).on('mousedown mouseup', textSelectionDirection);
【讨论】：
据我所知，没有 JavaScript 原生的属性或事件可以告诉您方向。 This site 详细介绍了如何跟踪鼠标方向，您可以根据需要进行调整。
基本上，只要您可以检索鼠标位置（使用loc.pageX 或Y，或event.clientX 或Y），您就可以编写自己的函数来根据位置和时间跟踪方向。
在您的情况下，您可能只想在用户“选择”文本时捕获它，即在 mousedown 事件中。
【讨论】：