テキストの選択からUI要素の「急な」クリックを防止しますか？

Question

私はナビゲーションのために前後矢印を実装するJavascriptスライダーを開発しています。私の問題は、「進む」矢印をすばやくクリックするとテキストが選択されることです。 （何らかの理由で、私の他のボタンをすばやくクリックしたときに起こることはありませんが）私は基本的に[この] [1]の質問のOPと同じ問題を抱えています。私は<button>のオプションを使用していない、私はそれを試してもそれは動作しませんでした。

Answer 1

矢印の画像を<a>の項目の背景にする代わりに、実際には<a>タグの内側に<img>を配置してみてください。私は問題は、あなたが効果的に背景をクリックしているとブラウザが考えているということだと考えています。そして、背景を多くクリックするとテキストが強調表示されます。

あなたは、使用するオプションがないと言っています<button> - その他の制限はありますか？

Answer 2

あなたは少しの時間のためにあなたのリンクを無効にすることができます

//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

Answer 3

私はあなただけしたいと思いますこの質問に受け入れ答えのように行うことができ、テキストの選択How to disable text selection using jQuery?

を無効にするか、あなたがjQueryUIを使用している場合、あなただけの

を行うことができます

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

Answer 4

は、私はあなたの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; 
}