我也有同样的问题。我通过切换到<a>和添加onclick="返回false;"(这样点击它就不会在浏览器历史记录中添加新的条目)。

一个简单的Javascript函数，使页面元素中的内容不可选:

function makeUnselectable(elem) {
  if (typeof(elem) == 'string')
    elem = document.getElementById(elem);
  if (elem) {
    elem.onselectstart = function() { return false; };
    elem.style.MozUserSelect = "none";
    elem.style.KhtmlUserSelect = "none";
    elem.unselectable = "on";
  }
}

或者，在mozilla上:

document.body.onselectstart = function() { return false; } // Or any html object

即,

document.body.onmousedown = function() { return false; } // valid for any html object as well

旧线程，但我提出了一个解决方案，我相信是更干净的，因为它不禁用每个偶数绑定到对象，只防止随机和不需要的文本选择在页面上。这很简单，而且对我来说效果很好。 这里有一个例子;我想防止当我用类“arrow-right”在对象上单击几次时的文本选择:

$(".arrow-right").hover(function(){$('body').css({userSelect: "none"});}, function(){$('body').css({userSelect: "auto"});});

HTH !

如果您试图完全阻止通过任何方法以及仅双击选择文本，您可以使用user-select: none css属性。我已经在Chrome 68中进行了测试，但根据https://caniuse.com/#search=user-select，它应该可以在其他当前正常的用户浏览器中工作。

从行为上看，在Chrome 68中，它是由子元素继承的，并且不允许选择元素包含的文本，即使该元素周围的文本已经被选中。

我也有同样的问题。我通过切换到<a>和添加onclick="返回false;"(这样点击它就不会在浏览器历史记录中添加新的条目)。