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

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

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

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

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

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

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

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

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

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

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

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

マウス ホイールを使用してページをズームし、クリックしてドラッグしてページをパンします

マウス ホイールを使用してページ全体にスクロールとパンの効果を作成するにはどうすればよいですか?基本的には他の 2D エディターと同じように、スクロールしてズームし、クリックしてドラッグしてパンしますが、対象となるのはボディ全体です。それに関する情報はオンラインで見つかりません。

P粉308783585 2024-03-26 14:11:27 0  1  382

ドラッグ可能な 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  395

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

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

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

JavaScript - 画像をキャンバスにドラッグします

この効果を確認するのに専門家がいますか? 右側の画像をキャンバスにドラッグして編集できます。どのようにして実現されますか? 詳しく説明していただけますか? 至急です。

phpcn_u1582 2017-06-14 10:52:41 0  2  927

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

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

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

React JS でドラッグ可能な球線を作成する

ドラッグ可能なボールのビデオがオンラインにあります。この機能をreactjsで実装する必要があります。ボールを引きずってラインを越えることができ、キューを放すと元の位置に戻りません。複数のコードとメソッドを試しましたが、どれも期待通りに機能しませんでした。 React でこのような関数を作成するのに助けが必要です。方法を知っている人がいたら助けてください。 constBall=({color,onDragStart,onDragOver,onDrop})=>(<divclassName="ba

P粉448130258 2023-09-07 12:26:10 0  1  529

JavaScript - echart+Baidu マップ

デモアドレス: http://gallery.echartsjs.com/... 地図をドラッグすると 1. 凡例とタイトルが揺れます 2. プロンプトの位置もずれます 解決方法は？

阿神 2017-06-26 10:53:09 0  2  1150

長方形の問題

手動ドラッグを使用して、長方形の X または Y、または高さと幅を制御できますか?

小民 2019-06-12 10:09:12 0  0  1123

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

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

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

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

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

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

javascript - モバイル端末ではドラッグアンドドロップレイアウトを実装できないでしょうか?

モバイル側で最初の div と 2 番目の div を入れ替えると、本文が下にスクロールします。現時点では何のアイデアもありませんし、車輪を再発明する気もありません。 http://www.jq22.com/demo/drag... のような効果はありますか？ {コード...}

曾经蜡笔没有小新 2017-06-28 09:29:02 0  4  973

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

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

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

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

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

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

ドラッグ アンド ドロップを使用してハイパーリンクをクリップボードにコピーし、他の場所に貼り付けることができます。

私にはコーディングの経験も知識もありません。 WordPress ブログ投稿用の引用カードを作成しようとしています。カードには、ユーザーが引用をクリップボードに直接コピーできるボタンがあります。また、ハイパーリンク: (ソース) を私の Web サイトにコピーしたいと思います。私はこのコードを GPT と書き換えを通じて実行してきました。しかし、毎回テキストをコピーするだけで、URL をコピーしようともしません。私は気が狂いそうになっているので、誰かが助けてくれることを願って以下のコードを添付しました。 <スタイル>.card-box{最大幅:400px;mar

P粉419164700 2024-01-16 21:38:10 0  1  441

ビデオ解像度に基づいてサイズ変更およびドラッグするビデオピッカーの 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  701

テキストエリアのサイズを変更したときにCSS変換を表示しないようにする方法はありますか?

<textarea> の背景遷移をホバー時に設定したい場合、成功します。ただし、サイズを変更しようとすると、トランジション時間は引き続き機能します。これが私のコードです。<textarea> をドラッグすると、何が間違っているかがわかります: textarea::-webkit-resizer:active{transition:0s;}textarea:hover{background:rgb(200,200,200);}tex

P粉785957729 2024-04-03 17:02:11 0  1  431