jquery - 如何使用jquery突出显示文本而不触发点击？

Question

我希望用户能够单击某个元素并突出显示同一元素。如果他们单击，则其行为应类似于单击，但如果他们按下鼠标并选择某些文本，则其行为不应类似于单击(因为这不是单击)。如果您按下鼠标，然后 100 万年后松开鼠标，jQuery 会触发一次单击。我意识到你可以这样做:

$myElm.on("mousedown.tmp", function () {
    $myElm.off("mouTsedown.tmp");
    $myElm.on("mouseup", function () {
        $myElm.off("mouseup.tmp")
    }
    }); // 

更正其他事件处理程序中的拼写和因素。我的意思是粗略地说。

我不想使用插件。

Answer 1

这是我的 fiddle解决方案，我希望这是您正在寻找的。

我正在使用mouseup()用于突出显示文本。在单击事件中，我检查文本是否已被选择。

 var selection = window.getSelection();
      if(selection == 0)
       // Click event code goes here

下面是代码。

$(function(){
  $("div").click(function(){

      var selection = window.getSelection();
      if(selection == 0)
      {
          // click event code goes here.
      }
  });
  $("div").mouseup(function(){
    document.execCommand("BackColor", false, "yellow"); // highlight selected text
      document.designMode = "off";
  });    
  $("div").mousedown(function(){
     document.designMode = "on"; // Turn on design mode
  });
 });