ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery ドラッグ可能 div 実装コード Script House 改訂版_jquery
jQuery ドラッグ可能 div 実装コード Script House 改訂版_jquery
- WBOYオリジナル
- 2016-05-16 18:50:521013ブラウズ
もちろん、コードの使い方も非常に便利で、自分でいろいろ考える必要がありません。
調査の過程で、jQuery を使用して div のドラッグを実現しました。コードはこの記事の最後に添付されています。
実装に関するアイデアについては、私の記事「Draggable DIV (2)」を参照してください。
jQuery 中国語 Web サイトの例を参照すると、div ウィンドウのタイトル バーでクリック イベントをトリガーすると、div の位置が少し上に移動し、mouseup イベントが上に登録されていることがわかりました。 div ウィンドウ全体。このアイデアは、マウスの動きが非常に速く、div が追いつかないことによって引き起こされるエラーを解決します。
さらに、jQuery および div ドラッグを実装するすべての JS コードでは、イベントのバブリングを防止する必要があります。
jQuery のバインドまたはバインド解除メソッドでは、関数の戻り値として false を使用するのが最善です。信じられない場合は、true を試してみてください。
一般的なコードでは、stopPropagation メソッドを使用してイベントのバブリング プロセスを停止します。
レンダリング: 
jquery-1.2.6.js がテキストにロードされていることに注意してください
コードをコピー コードは次のとおりです: