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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

//例 $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  807

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

ある 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  447

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

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

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

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

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

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

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

私は 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  351

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

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

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

Sortable.js: テーブル内の列を整理および並べ替える

sortable.jsライブラリを使用してリストを並べ替える方法は? https://sortablejs.github.io/Sortable/ tr属性にsortable_container(sortable_employesid)を設定しました。これはうまくいきます。しかし、同時に tbody で td をソートするにはどうすればよいでしょうか? GIFをご覧ください。 Tbody はソート可能ではありません。ヘッダーセルと本文セルをドラッグアンドドロップするテーブルを作成する方法。または、これを行うためにsortable.jsをセットアップするにはどうすればよいですか

P粉752290033 2024-02-03 17:40:31 0  1  457

linux - ドメイン名とサーバーに関する登録の問題

最近友人がサーバーを購入して私と共有し、私は Alibaba Cloud でドメイン名を購入しました (「.cn」しか買えません)。しかし、友人は、アクセスする前にドメイン名を登録する必要があると言いました。ただ、Alibaba Cloudで申請しようとしたところ、サーバーが必要だったみたいですが、友人のサーバーを使いました。お願いします...

高洛峰 2017-05-19 10:48:01 0  3  813

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

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

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