HTML でのドラッグ アンド ドロップ要素へのアクセス: 包括的なガイド

「dragenter」イベントは、ドラッグされた要素がドラッグ アンド ドロップ要素に入ると発生します。このイベントはドロップ要素にアタッチされているため、アクセスできます。ドラッグされた要素はどこにありますか?

P粉316890884 2023-08-01 10:13:18 0  1  534

phpstorm でのフォルダーのドラッグのデモ

ビデオでは、phpstorm をドラッグしてフォルダーを変更すると、それに応じてクラスの名前空間が変更されることがわかりました。私が使用しているphpstorm2019.3は自動で切り替わらないのですが、この機能はどこで設定・設定すればよいのでしょうか？

扬舞水中 2020-02-14 01:42:24 0  1  1344

javascript - antd の Tree コンポーネントは、ドラッグ アンド ドロップの制限をサポートしていますか?

Tree コンポーネントをドラッグするときに、親ノードが子ノードのレベルにドラッグされないように制限したいと考えています。つまり、子ノードのみを上にドラッグできます。これはantdでサポートできますか?

ringa_lee 2017-05-19 10:32:01 0  1  928

JavaScript は複数の要素のドラッグ アンド ドロップ機能を実装します

特定の領域内で項目をドラッグ アンド ドロップできるようにするこのコードを見つけましたが、ドラッグされたオブジェクトの ID を取得する方法がわからないため、複数の要素をドラッグ アンド ドロップできるように書き直すことができません。 drop_handler 関数。 letoffsetX;letoffsetY;onDragStart=function(ev){constrect=ev.target.getBoundingClientRect();offsetX=ev.clientX-rect.x;off

P粉276064178 2024-01-10 16:54:21 0  1  474

javascript - iview フォームの input[placeholder] プロンプト コンテンツの左パディングを入力してカバーします

iview フォームに input[placeholder] を入力してカバーすると、内容のパディング左を求めるプロンプトが表示されます <Form-item prop="password"> {code...} が解決策です。 padding-left=50px;方法が必要です...

漂亮男人 2017-06-10 09:49:22 0  2  944

ドラッグ可能な Framer Motion コンポーネントの位置を保持

ウィジェットを移動できるウィジェット ダッシュボードを作成しています。私の目標は、ウィジェットをドラッグした後もウィジェットの位置を保持し、将来のセッションでまったく同じ場所に読み込まれるようにすることです。これは、フレーマーモーションで発生している問題を説明するコードサンドボックスです: https://codesandbox.io/p/sandbox/interesting-sun-p8h6cu。ウィジェットの初期の上端と左端の値は開始位置を正しく反映しますが、ドラッグすると

P粉449281068 2024-03-31 22:29:49 0  1  409

JavaScript - データ項目が 500 を超えると iview 選択ルーティングのジャンプが非常に遅くなる

バージョン: "vue": "^2.2.2" "iview": "^2.0.0-rc.15" 皆さん、こんにちは。現在 iview を使用してバックエンド システムを開発しています。Select コンポーネントのデータ項目が大きい場合500 を超えると、ルーティングがジャンプし、転送が非常に遅くなる問題があります。遅い場合はジャンプするのに15秒以上かかります。その後、要素 ui を使用してみましたが、必要であることがわかりました...

漂亮男人 2017-06-14 10:51:49 0  4  1108

javascript - iviewをパッケージ化した後、組み込みのアイコン画像が見つからず、パスが重複してしまうのですが、解決策を教えてください。

vue-vli を使用してパッケージ化した後、iview に付属のアイコンが見つからず、パッケージング パスが繰り返されます。エラー メッセージのパス: /dist/static/css/static/fonts/ionicons.24712f6.ttf Webpackの設定を変更するには

学习ing 2017-06-20 10:07:00 0  1  1055

JavaScript - アップロードするフォルダーをドラッグするときにフォルダー内の隠しファイルをフィルターで除外する方法

jQuery-File-Upload プラグインを使用する場合、ファイルまたはフォルダーをドラッグしてアップロードできます。フォルダーをドラッグしてアップロードすると、デフォルトですべてのファイル (隠しファイルを含む) がアップロードされますが、隠しファイルをアップロードする必要はありません。たとえば、このフォルダーには 6 つのファイルがあり、そのうち 3 つは非表示になっています...

阿神 2017-05-19 10:44:58 0  1  732

スラッシュ//コメントのショートカットキーを削除するために、指定したコードをマウスでドラッグする方法を教えてください。

スラッシュ//コメントのショートカットキーを削除するために、指定したコードをマウスでドラッグする方法を教えてください。

l亮哥 2019-12-24 16:01:19 0  1  1182

javascript - IE11のTinyMCEの問題について：エディットボックス内の要素のドラッグを禁止するには？ありがとうございます（Angularを使用）。

TinyMCEはChromeでは正常に動作しますが、IE11では次のような問題が発生します。要素のドラッグを無効にする方法を教えてください。 {code...} 図に示すように: 構成コード (Angular) {code...} ページ コード {code...}

習慣沉默 2017-05-16 13:29:52 0  1  787

ドラッグ可能な DIV の位置を HTML テーブルに保存し、MySQL データベースに保存します。

ドラッグ可能な div をテーブル上に移動した位置を保存できるかどうか、またその方法を疑問に思っています。そうすれば、ページがリロードされると、中断した場所 (MySQL データベースから) に戻るようになります。関連記事をいくつか読みましたが、それらはすべて AJAX での jquery (イベント、ui) の使用に関するものでした。これは私のコードです: varp=document.getElementsByTagName('p');varchoice=document.getElementsByClassName('cho

P粉909476457 2024-02-03 18:37:10 0  1  346

notepad+++で列の位置合わせ(カット位置合わせ)を行う方法

INSERT INTO (c1,c2,c3,c4,c5,c6) テーブルテーブルから a、b、c、d、e、f を選択 INSERT INTO (c1,c2,c3,c4,c5,c6select a,b, c, dテーブルからの、e、f を使用して、カンマによる自動位置合わせを実現します。

梦迪 2019-09-25 13:31:49 0  0  2926

Amap ブラウザを使用してアドレスを見つけてドラッグし、携帯電話の WeChat で開きます (WIFI ではすぐに開きますが、4G では開けません) 緊急! ?

ローカルに構築されたモバイル ブラウザの位置決めおよびアドレスのドラッグ機能は 4G ではオンにできませんが、WIFI はオンにできます。コードとQRコード画像を添付します

怪我咯 2017-07-01 09:12:17 0  3  2240

LARAVELで出力JSONのKEYをエレガントに変更する方法

2 つのモデルがあります 製品: {code...} モジュール: {code...} コントローラー内: {code...} 出力: フロントエンドは iview を使用し、iview のカスケード選択形式の要件を使用したい はい：そこでお聞きしたいのですが、ニーズを満たすためにLARAVELのjsonキーをエレガントに変更するにはどうすればよいですか？

天蓬老师 2017-05-16 16:47:06 0  1  666

javascript - jsのドラッグアンドドロップの問題

div を別の領域にドラッグします。どの領域にドラッグされるかを決定するにはどうすればよいですか? 図に示すように、ドラッグするときに別のオプション領域を選択してください。どの領域にドラッグされるかを決定するにはどうすればよいですか?

巴扎黑 2017-06-28 09:26:59 0  5  717

ビデオ解像度に基づいてサイズ変更およびドラッグするビデオピッカーの X 座標と Y 座標を取得します。

@use-gesture/react と @react-spring/web を使用して、ビデオ上にドラッグ可能でサイズ変更可能なセレクター オーバーレイを作成しています。 video 要素を基準としたセレクターの x 座標と y 座標を取得することもできますが、ビデオを画面に合わせて video タグの高さと幅を設定しているため、取得している x 座標と y 座標はフル解像度のビデオでは、まったく同じ位置にありません。ビデオの特定の部分をぼかすには、x 座標と y 座標を ffmpeg に渡す必要があります。

P粉578680675 2023-09-19 10:00:05 0  1  651

javascript - 特定の条件が満たされたときにドラッグアンドドロップを停止するために、jquery uiのドラッグアンドドロップ機能を実装する方法

画像のように、右下の小さな点をドラッグすると画像をズームできます。jquery uiのズーム機能では満足できないため、これを自分で書きました。今度は右下の小さな点をドラッグする必要があります角を図 2 の位置までドラッグすると、左上方向にドラッグし続けることができなくなります。ずっとネットで探してたんですが…

某草草 2017-05-19 10:42:24 0  1  458

JavaScript - 奇妙な現象が発生しました。ボタンを編集ボックスにドラッグできます

図のように、図の右下の「保存」ボタンをクリックしてエディットボックスにドラッグすることができます。ブラウザによる視覚的な検査が発生します。最適化されている場合、ボタンはドラッグできません。イベントのデフォルトの動作から始めますか?

phpcn_u1582 2017-07-04 13:45:25 0  1  893

JavaScript - Echarts は複数の画像のズームを同時に制御します

以下に示すように、ページ上に複数の折れ線グラフがあります。各グラフは、マウス ホイールを使用するか、下のスライダーをドラッグすることでズームできます。そのうちの 1 つをドラッグして、すべてのグラフを変更するにはどうすればよいですか?

高洛峰 2017-06-12 09:25:29 0  1  687