問題タブ [html5-draggable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - HTML5 ドラッグ可能なリスト - 複数の setData?
だから、次のように、実行順に整理したいバンドのリストがあります。
これらのリスト項目をドラッグして、リスト全体の各バンドの配置を変更できるようにしたいと考えています。これまでのところ、これを行うには次の JavaScript があります。
これは完全に機能します。リストをドラッグ アンド ドロップして場所を変更し、バンドの名前を適切に入れ替えることができます。ただし、「data-band-id」属性の値はそのままです。これはまさに私が持っているコードが行うことであり、それが私の問題であることを知っています。ドラッグ アンド ドロップされるバンドの名前と'data-band-id' 属性の値の両方が交換されるように、コードを修正したいと思います。
私は多くのことをグーグルで検索しましたが、複数の値に setData を設定する方法を示すことができるものは何も見つかりませんでした。
javascript - ネストされた要素をドラッグ可能なコンテナでドラッグできないようにするにはどうすればよいですか?
親コンテナーで HTML5 ドラッグ アンド ドロップを使用していますが、ユーザーが入力コンテンツを簡単に選択/編集できるように、一部の子、特に入力でドラッグ効果を無効にしたいと考えています。
例: https://jsfiddle.net/Luzub54b/
Safari はデフォルトで入力に対してこれを行うようですので、Chrome または Firefox で試してください。
javascript - URL が新しいタブにドラッグされたかどうかを確認する方法は?
ユーザーがサイトのリンクを新しいタブにドラッグしたときを追跡するように依頼されました。新しいタブが作成されたかどうかを確認するために使用できるドラッグ プロパティはありますか?
私はdragEndイベントを見てみましたが、役立つかもしれないと私が見つけることができたのはpageXとpageY. リンクを使用して新しいタブを作成した場合、これらを使用してうまくいく可能性はありますか?
乾杯
html - タッチ デバイスでのドラッグ可能な属性
このdraggable属性は、タッチ デバイスのブラウザーでは効果がないようです。
https://jsfiddle.net/41z5uz4t/
マウスを使って、この要素をドラッグできます。タッチ スクリーン (Windows 10、Chrome) でドラッグしようとすると、戻るなどの通常のタッチ イベントが優先されるようです。私はそれを保持してからドラッグしようとしました。これもうまくいきません。
Chrome でこの動作を修正するためのポリフィルはありますか? 私は何か違うことをしているはずですか？
html - HTML5 ドラッグ可能な要素がクリップされている
要素に追加draggable="true"しましたが、要素の表示部分だけがドラッグされています。残りの要素はクリップされます。要素全体を表示するにはどうすればよいですか?
javascript - ドラッグ データ ondragover イベントでデータを転送できません
HTML5のドラッグアンドドロップイベントのコツをつかもうとしています。
今のところ、dragStart の dataTransfer オブジェクトに何かを入れて、dragOver で取得しようとしています。問題は、ドラッグオーバーに存在しないことです。ブレークポイントを設定し、これらのイベントが呼び出されていgetData('text')ますが、考えられる他のすべての可能性とともに、空の文字列を返します。