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

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

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

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

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

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

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 は複数の要素のドラッグ アンド ドロップ機能を実装します

特定の領域内で項目をドラッグ アンド ドロップできるようにするこのコードを見つけましたが、ドラッグされたオブジェクトの 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

CSS と Javascript を使用してドロップダウン メニューのオプションを選択します

CSS セレクター値があります: .ng-touched>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>input:nth-child(1 ) document.querySelectorAll を使用して、ドロップダウン メニューのあるこの CSS セレクターを検索し、テキスト「APPLE」のオプションを選択しようとしています。これはドロップダウン メニューの最初の項目です

P粉739706089 2023-09-04 22:10:59 0  1  583

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

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

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

thinkPHP5 でデータベース データを取得した後、ドロップダウン ボックスの値はデフォルトで選択され、バックグラウンドに渡されて消えます。画像とコードがありますので、誰かが助けてくれることを願っています。

データベースからデータを取得した後、デフォルトで選択されているので、ajaxメソッドを使用して2つの形式で書きます: 判定文を書く場合、ドロップダウンボックスのオプションを変更して送信すると、jsは変更されたデータ (ステータスとロールの値) を取得します。 次の図はバックグラウンド コード (部分) です。ただし、バックグラウンドで受信したデータ $param にもステータスとロールがあります (ドロップダウン ボックスの選択が変更されている場合) ) 以下の図は出力 $param: ただし、未変更のデータを削除する操作が実行されます。その後、ステータスとロール (2 つのドロップダウン ボ...

3维 2019-10-04 23:28:15 0  2  1163

手順に従いましたが、ズームインまたはズームアウトすると、ボタンをクリックしてもドロップダウンが表示されません。

手順に従いましたが、ズームインまたはズームアウトすると、ボタンをクリックしてもドロップダウンが表示されません。

千里同**络科技**** 2020-08-02 17:50:48 0  0  2481

常時置換後は左サイドバーのドロップダウン矢印が表示されなくなりますが、JS、CSSの導入には問題ありません。

常時置換後は左サイドバーのドロップダウン矢印が表示されなくなりますが、JS、CSSの導入には問題ありません。何が起こっているのかについて誰かが私に指導をしてくれますか？

浮尘 2017-12-26 17:00:53 0  3  1520

TP5.1 チュートリアル第 10 章の第 3 セクションのユーザ登録セクションで、ブートストラップ メニューのドロップダウンが表示されず、スクリプトの検証が実行できません。

Tianpeng 教師 TP5.1 チュートリアルの第 10 章のセクション 3 にあるユーザー登録機能の暫定実装では、ブートストラップ ドロップダウン メニューが表示されず、2 番目の質問がポップアップ表示されません。スクリプト検証は実装できません <script> $(関数(){ $("#register").on('クリック',function(){ アラート($('#login').serialize());

走过沙漠的骆驼 2021-09-20 13:50:37 0  3  889

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

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

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

javascript - jqueryのchangeイベントのifステートメントが失敗する

{コード...} 2 つのドロップダウン ボックスは、最初のドロップダウン ボックスの変更イベントに対して異なる Ajax アドレスを要求します。2 番目のドロップダウン ボックスのデータを変更します。{コード...} 最初のドロップダウン ボックスの値を決定します。ドロップダウン ボックスを選択し、別の背景を要求します。インターフェイスではありますが、コンソールには $(this).val() が表示されますが、これは正常ですが、if ステートメントでは、...

巴扎黑 2017-05-19 10:10:24 0  2  646

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

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

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

javascript - jquery は append() メソッドを使用して、たとえば easyui のコンボツリーを追加して、ツリー状のドロップダウン ボックスを作成します。

みなさん、こんにちは。私は jquery と easyui を初めて使用します。現在、機能を実装したいのですが、「追加ボタン」をクリックすると、選択可能なツリーのドロップダウンボックスが表示されるので、選択して送信します。現在の実装方法は、要素を宣言してからフォームに追加することです。しかし、ポップアップドロップダウンボックスが表示されません...

为情所困 2017-05-19 10:47:20 0  3  580

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

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

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