[解決済み] HTML要素のDrag&Dropを無効にする?
2022-07-29 21:46:42
質問
私は、フル機能のウィンドウ システムを実装しようとしている Web アプリケーションに取り組んでいます。現在、それは非常にうまくいっており、1 つの小さな問題に遭遇しています。時々、私がアプリケーションの一部をドラッグしようとすると、(多くの場合、ウィンドウの角のdivで、リサイズ操作を引き起こすことになっています)ウェブブラウザは賢く、私が何かをドラッグ&ドロップしようとしていると考えます。最終的に、ブラウザがドラッグ アンド ドロップを行う間、私の操作は保留されます。
ブラウザーのドラッグ アンド ドロップを無効にする簡単な方法はありますか? 理想的には、ユーザーが特定の要素をクリックしている間は無効にしておき、再度有効にして、ユーザーがブラウザーの通常の機能を私のウィンドウのコンテンツで使用できるようにしたいです。私は jQuery を使用しており、ドキュメントをブラウズしてそれを見つけることができませんでしたが、純粋な jQuery ソリューションをご存知であれば、それは素晴らしいことです。
要するに、ユーザーがマウス ボタンを押している間、ブラウザーのテキスト選択とドラッグ アンド ドロップ機能を無効にし、ユーザーがマウスを離したときにその機能を復元する必要があります。
どのように解決するのですか?
マウスダウンイベントでデフォルトにならないようにしてみてください。
<div onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false">asd</div>
または
<div onmousedown="return false">asd</div>
関連
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み】スクロールを一時的に無効にする方法は?
-
[解決済み] 文字列のn番目の出現箇所を取得するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか?
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] BlobからArrayBufferへ移行する方法
-
[解決済み] $.ajax実行中にローディングイメージを表示する
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?
-
[解決済み] JavaScriptやjQueryで値が数字かどうかをチェックする [重複]。