1. ホーム
  2. javascript

[解決済み] カーソルドラッグでテキストや要素が選択されないようにするには?

2022-12-30 09:06:21

質問

ページングコントロールを作成したのですが、ボタンをクリックする際に、誤って個々の画像やテキストを選択してしまうことがあります。これを防ぐことは可能でしょうか。

選択を明確にするために、私はマウスで強調表示することを意味します。(マウスを画面の片側からもう片側にドラッグしてみてください)。

このグリッドでテキスト/コントロールを強調表示しようとすると、選択することができません。これはどのように行われるのですか? リンク

どのように解決するのですか?

ドラッグと選択の両方は、マウス ダウン イベントで初期化され、その後のマウス移動で更新されます。ドラッグを開始するイベント、またはマウスを追跡するイベントを処理するときは、イベントのバブリングをキャンセルして、ブラウザのデフォルトのリターンをオーバーライドします。

ドラッグを開始するマウスダウンおよび移動のハンドラで次のようなものを作成します。

e=e || window.event;
pauseEvent(e);

function pauseEvent(e){
    if(e.stopPropagation) e.stopPropagation();
    if(e.preventDefault) e.preventDefault();
    e.cancelBubble=true;
    e.returnValue=false;
    return false;
}