事件仅在我点击同一个标签时触发

Question

在元素中，我有一些文本，当突出显示文本并检索选择时，会像菜单一样发生事件。

当我点击其他一些文本时，菜单消失，但如果我点击没有文本的元素之外，菜单仍然存在。

我意识到文本也会改变光标，我想知道如何做到这一点，以便当用户点击远离突出显示的文本时，菜单也会消失，而不仅仅是在突出显示或点击新文本时。

$('element').on('mouseup', function (e) {
  var sel = window.getSelection();
  var range = sel.getRangeAt(0);
  if (sel != '') {
    //event happens when text is selected
  } else {
    //event should go away
  }
});

回答

$(document).on('mouseup', function (e) {
  var sel = window.getSelection();
  var range = sel.getRangeAt(0);
  if (sel != '') {
    //event happens when text is selected
  } else {
    //event should go away
  }
});

我只是将事件更改为在页面的最外层元素上发生。

Answer 1

您需要有一个新事件来监视鼠标是否离开。您当前的代码仅监视元素是否已被选中，因此是您想要做的一半。