ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptを使用してdivモジュールをマウスでドラッグする方法を詳しく解説したサンプルコード

JavaScriptを使用してdivモジュールをマウスでドラッグする方法を詳しく解説したサンプルコード

伊谢尔伦
伊谢尔伦オリジナル
2017-07-24 10:08:391420ブラウズ

document.all[] は、ドキュメント オブジェクト内のすべての要素を含む、ドキュメント内のすべてのタグで構成される配列変数です。

event.button 値: 0 ボタンが押されていません 1 左ボタンを押します 2 右ボタンを押します 3左右のボタンを押します 4 中央のボタンを押します 5 左と中央のボタンを押します 6 右と中央のボタンを押します 7 すべてのキーを押します

以下は、ウィンドウを模倣し、選択をカバーできるようにする実装コードです。

rreee

このドラッグ可能な p はかなり良くなりましたか?もう選択について心配する必要はありません。以前にリリースされたものは、主にparentElementを使用してIEでのみ正常に動作しましたが、現在はparentNodeに置き換えられ、FFでも正常に動作するようにCSSスタイルが調整されています。

以上がJavaScriptを使用してdivモジュールをマウスでドラッグする方法を詳しく解説したサンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。