HTMLやJavaScriptでテキストやページのコンテンツがダブルクリックでハイライト表示されないようにする方法を教えてください。

html javascript

奇妙な質問ですが、私はハロウィーンパーティーのために作っているゲームがあります。 迅速で汚い開発のためのJavascript / HTML。 (これはプロジェクタではフルスクリーンになり、マウス制御にはWiimoteを使用します) これは私が使用しているものです、私の質問は私のコード選択の批判を呼び起こすことを意図していません。 それは1つのことを除けば、とてもうまくいきます。

基本的に、それはあなたが彼らがスクリーンを横切って動くときにあなたがクリックするかまたはオブジェクトを撃つ必要があるシューティングギャラリー/ミサイルコマンドスタイルのゲームです。 私はオブジェクトをクリックするためのmousedownハンドラを持っています。 ただし、ダブルクリックすると すばやく発砲すると、オブジェクトがハイライトされます。オブジェクトを見逃した場合は、同じdivに含まれる他のオブジェクトもハイライトされます。 これを解決するために、マウスダウンハンドラで、フォーカスを設定するか、ページ外のテキストボックスを選択します。 オブジェクトはハイライトされたままではありませんが、フォーカスを失う前に少しの間ハイライトされます。

つまり、ダブルクリックが自分のページに影響を与えないようにするよりよい方法はありますか。

  1  0


ベストアンサー

Firefoxでは、イベントをfalseに戻すだけで強調表示を停止できます。 IEはもう少し複雑です – 要素の ‘onselectstart’関数がfalseを返さなければなりません。

noHighlightObjects [i] .onselectstart = function(){falseを返します。 ;

2


イベントの伝播を止めることで、この問題を回避できるはずです。 これはマウスハンドラからfalseを返すことで可能になるはずです。

1


https://stackoverflow.com/questions/880512/prevent-text-selection-after-double-click[ダブルクリック後のテキスト選択の禁止]
*  {-moz-user-select:none; // mozillaブラウザ-khtml-user-select:none; // Webkitブラウザ}

1


タイトルとURLをコピーしました