2012-01-20 11 views
1

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

+0

'あなたが<入力タイプは、= "ボタン"> ''意味ですか? – Tim

+0

スライダのデモはありません –

+0

彼は実際の「スライダ」ではなく、左/右ボタンを意味します。 – Tim

答えて

1

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

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

+0

バックグラウンドでのテキストではなく、急速なクリックでイメージが選択されるようにしますか? –

+0

その後、画像を '

1

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

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

2

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

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

を行うことができます
$('#mydiv').disableSelection(); 
2

は、私はあなたのCSSにこれを追加すると仕事をするべきであると信じている: `

+0

これはうまく動作し、プラグインを使用してページにCSSを追加することで私のサイトではなくGoGを見ているサイトでこの修正を適用できるというボーナスが追加されました。どうもありがとう! – Thor84no

関連する問題