Question

我正在开发一个Javascript滑块，用于实现导航的后退/前进箭头。我的问题是快速单击“前进”箭头选择文本。（虽然出于某种原因，当我快速点击任何其他按钮时，这种情况不会发生。）我在[this] [1]问题中基本上和OP有相同的问题，但没有一个答案适合我。我没有使用<button>的选项，我甚至尝试过它并没有用。

Answer 1

我认为你只是想禁用文本选择，就像这个问题中接受的答案一样How to disable text selection using jQuery?

或者如果您正在使用jQueryUI，则可以执行

$('#mydiv').disableSelection();

Answer 2

我相信将此添加到您的CSS应该做的工作：

a.someClass { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
}

Answer 3

不要将箭头图像作为<a>项目的背景，而是尝试将<img>放在<a>标记内。我认为问题在于浏览器认为你点击了背景 - 你实际上是这样 - 并且背景上的许多点击突出了文本。

您说您无法使用<button> - 我们还有哪些其他限制？

Answer 4

您可以停用链接一段时间：

//Change image
//Disable the link (the arrow)
setTimeout(function()
    {
    //Enable your link
    }, 300); //300 is a time in ms

JQuery插件允许您禁用/启用页面中的任何字段：http://plugins.jquery.com/project/jqueryenabledisable

阻止选择文本时“快速”点击UI元素？

4 个答案: