ホームページ > 記事 > ウェブフロントエンド > jQuery モバイル ブラウザーにおけるドラッグ アンド ドロップ アクションの難しさの分析_jquery
この記事では、例を使用して、jQuery モバイル ブラウザーでのドラッグ アンド ドロップの難しさを分析します。皆さんの参考に共有してください。詳細は以下の通りです。
当初は、iPhone のように自由にドラッグできるコントロール ボタンをモバイル Web ページに実装したいと考えていましたが、最終的にはすべて無駄であることがわかりました。
ドラッグ アンド ドロップ アクションはモバイル ブラウザーでは一般的ですが、モバイル ブラウザーでドラッグ アンド ドロップできるコンポーネントを実装することは不可能です。
まず、PC の Web ページでドラッグ アンド ドロップ操作がどのように実行されるかを見てみましょう。
まず、クリックするとアクションを実行するボタンがあります。これは、iPhone のコントロール ボタンと同じように、自由にドラッグできます。
上図のようにグレーのレイヤーを書くのは簡単ではありません、
まず、灰色のレイヤーの位置属性を abosulte に変更する必要があります。次に、jquery スクリプトで実装する作業の主なポイントは、クリックとマウスダウン マウスアップ アクションのペアを区別することです。本来は、mousedown、mouseup と同じですが、問題はありません。マウスを一定期間押した後、unbind は cilck アクションへのレイヤーのバインディングを即座にクリアし、mousedown 後のアクションがクリックと無関係であることをシステムに伝えます。次の実際のコードを参照してください。 🎜>