Question

对于我的html应用程序，我想在每次选择某些文本时执行操作。现在我正在使用mouseup事件来捕获文本选择，如下面的代码所示。但是在移动设备上这不起作用，因为选择后不会触发mouseup。我可以使用哪个事件？

$("#container-around-text").on('mouseup', function() {
  // check if selection is empty
  // then do something
});

Answer 1

您可以存储变量selectedText并每隔100ms运行一次间隔，以检查当前所选文本是否与selectedText变量中的存储相同。如果不同，请执行操作。

Answer 2

您正在寻找 touchstart 和 touchend，这些是 mousedown 和 mouseup 试图模仿的事件。
将这些事件绑定到您的文本元素并触发您想要的功能，例如：

elem.addEventListener("mouseup", selectableTextAreaMouseUp);
function selectableTextAreaMouseUp(event){
    var selectedText = window.getSelection();
    // do what you want
}

在移动/触摸设备上捕获文本选择事件

2 个答案: