1. ホーム
  2. javascript

[解決済み] 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>