JavaScript - ツリーコンポーネントにドラッグアンドドロップ機能を追加

私は現在、クリックイベントとダブルクリックイベントを持つツリーコンポーネントに取り組んでいます。次に、ドラッグ アンド ドロップ機能を追加したいと思います。ドラッグ アンド ドロップを実装するためのより良いアイデアを持っている人はいますか?mousedown やmousemove などのイベントがクリック イベントと競合する場合はどうすればよいですか?

怪我咯 2017-05-19 10:19:48 0  1  473

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  532

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

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

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

JavaScript - HTML5 のドラッグ アンド ドロップがパッド上で機能しない、その解決方法

パッドでは HTML5 ドラッグ アンド ドロップを使用できず、dragStart イベントをトリガーできません。

滿天的星座 2017-06-29 10:10:07 0  1  969

ユーザーがアップロードした PDF にテキストフィールドを追加するためのドラッグアンドドロップ方式

adobesign のようなアップロードされた PDF にテキスト フィールドをドラッグ アンド ドロップする方法を誰か教えてください。 DocuSignAPI を使用して React アプリを作成しようとしていますが、PDF にフィールドを追加する必要があります。

P粉232793765 2024-03-31 09:46:21 0  1  442

javascript - swiper.js はスワイパーが入れ子になっているため、初期設定では次の設定にスライドできません。終了後に再初期化してください。

{コード...} ドラッグアンドドロップ完了 {コード...} 再初期化するにはどうすればよいですか?

漂亮男人 2017-06-28 09:27:46 0  1  863

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

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

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

画像をドラッグしてキャンバスに配置するためのステップバイステップのガイド

作成したときと同じサイズでキャンバス内にいくつかの画像をドラッグアンドドロップしようとしていますが、機能しません。 //JavascriptperlacreazionedicirucuitielettriciconstNUMERO_CICLO=990;constNUMERO_CICLO_INTERNO=60;constresistor=document.getElementById("component_circuit_resi

P粉207483087 2024-02-17 14:46:45 0  1  460

Angular マテリアル - 要素を新しい位置に移動します

Angular マテリアルのドラッグ アンド ドロップについてヘルプが必要です。アイデアとしては、画面上の黒いブロックを Y 軸に沿って移動できるということで、これには Angularmaterial のドラッグ アンド ドロップを使用し、onDragMoved、onDragStart、onDragEnd の 3 つのメソッドがあります。マウスを放すと高さに 100 ピクセルが追加され、ブロックを 2 回目に動かし始めたいときは、前回停止した場所から動き始めるはずですが、これは起こりません。何らかの理由でけいれんが発生します 問題のビデオ- https://dropmefil

P粉121081658 2023-09-01 09:12:46 0  1  539

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

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

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

ubuntu - サーバーターミナルで pyspider all と入力すると QXcbConnection が表示される

QXcbConnection: PhantomJS がクラッシュしたため、表示に接続できませんでした。 http://phantomjs.org/bug-repo... にあるバグ レポート ガイドを読んで、バグ レポートを提出してください。QXcbConnection: に接続できませんでした...

我想大声告诉你 2017-07-05 10:45:42 0  2  1650

コードでは表現できないロジックがあります...

//例 $a = [4,6,5,9,7,8,2,5,6,4,1,2,3,8,9]; $b = [3,7,5,9,7,8,2,5,8,4,1,2,3,8,0]; $a のような配列をランダムに生成し、001.txt に保存しますファイル 。次に、ランダムに配列を生成し、001.txt に存在するかどうかを確認します。存在しない場合は、その配列を 001.txt ファイルに保存し、存在する場合は、プログラムを停止します。

移动用户-5007381 2020-03-10 11:04:12 0  1  852

jquery - ドラッグソート保存の問題 php mysql

http://kinomelma.pixnet.net/b... このようにドラッグして並べ替えることができるかどうかお聞きしたいのですが、オブジェクトの1つを削除すると順序がおかしくなってしまいます... 。これ？ ? ?どうやって解決すればいいでしょうか？

曾经蜡笔没有小新 2017-06-10 09:47:36 0  1  578

コンポーネントからユーティリティ ファイルにデータを渡す

ある React コンポーネントから別の React コンポーネントにデータを渡そうとしていますが、このデータをターゲット ファイルに呼び出す方法を理解するのに苦労しています。基本的には、component.js の <input/> 値を Util.js の関数に渡したいと考えています。ファイル。これまでのところ、私はcomponent.jsで次のことを試してきました：const[ distance,setDistance]=useState();functionhandleChange(value){setDis

P粉163465905 2024-02-21 20:21:59 0  1  494

javascript - angular2 のすべてのコンポーネントには対応するモジュールがありますか?

angular2を勉強し始めたのですが、よくわからず混乱していたので、会社の先輩に以前作ったプロジェクトファイルを見てもらったところ、それぞれのコンポーネントファイルに対応するモジュールがあることが分かりました。ファイル。こうでなければならないのかお聞きしたいのですが？そうでない場合、どのような状況で作成すればよいでしょうか...

代言 2017-06-14 10:54:13 0  2  765

状態の配列を並べ替えます

私は zustand を使用して ToDo 項目の配列を含むグローバル状態を作成しており、各 ToDo 項目の追加、削除、完了/元に戻すの切り替え機能を備えています。また、DndKit を使用して各 ToDo コンポーネントをドラッグ アンド ドロップし、グローバル コンテキストで並べ替えます。そのためには、次のように zustand ストアに reorderTodo 関数を作成する必要があります。 conshandleDragEnd=(event:any)=>{const{active ,over }=イベント;if(アクティブ.i

P粉741678385 2024-03-30 14:44:42 0  1  422

Edge または Firefox ではこの Web ページ上の単語を強調表示できません

私は JavaScript についてある程度の知識があるので、提案された回答で迷子にならないことを願っています。私はウェブサイトを持っていますが、左クリックとドラッグで単語を強調表示できない理由を理解しようとしています。 Web ページではこれを行うことができません。 Web 開発者がこれをどのように実装するかを誰か説明できますか?前もって感謝します。これはウェブページです: www.minimalismmadesimple.com

P粉765684602 2023-08-15 12:32:04 0  1  487

mysql - ドラッグアンドドロップで並べ替えた後にデータベースに挿入するにはどうすればよいですか?

たとえば、10 ページの記事のページネーションで、シリアル番号は 1 ～ 10 です。1 ページにデータが格納されていますが、ランダムにドラッグした後、データベース内でデータを並べ替えるにはどうすればよいですか?? ドラッグ アンド ドロップ各ページの変更はリアルタイムでデータベースに保存されます。アイデアは 2 つあります。1 つは、すべてをローカルに保存し、すべてのページが送信されるまで待ってから投稿して保存する方法です。

某草草 2017-05-18 10:56:17 0  1  1161

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

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

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

JavaScript - H5 ドラッグ アンド ドロップを使用すると、ドラッグされた要素が削除されるのはなぜですか?

1. 現象を確認してください: https://codepen.io/xuyu/proje... 2. 達成したい効果は、ドラッグされた要素を指定された領域にコピーすることであり、ドラッグされた要素を削除したくないです。

ringa_lee 2017-06-22 11:53:56 0  1  994