ホームページ  >  記事  >  ウェブフロントエンド  >  Mouse_JavaScript スキルでドラッグできる DIV 実装のアイデアとコード

Mouse_JavaScript スキルでドラッグできる DIV 実装のアイデアとコード

WBOY
WBOYオリジナル
2016-05-16 17:19:28859ブラウズ
复制代码代码如下:


测试可動div




style="cursor:move;position:absolute;width:100px;height: 60px;border:1px ソリッド

シルバー;left:100px;top:100px;z-index:9999;">



document.all[] は文档内のすべての标签構成を構成する 1 つの数集合量であり、文档オブジェクト内のすべての要素が含まれます。
event.button の值:0没按键 1按左键 2右ボタン 3 左と右ボタン 4 中ボタン 5 左と中ボタン 6 右と中ボタン 7 すべてのボタン

この世代コードは変更され、ウィンドウが閉じられ、確認できます。住選択
复制代代码如下:




测试可動div




style="cursor:move;width:100%;height:15px;背景色:#0066cc; フォントサイズ:10px;"
X


测试一下







この選択可能な div は良くありませんが、多数ありますか?成親ノードは、CSS 形式を調整しており、FF 以下でも正常に実行できます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。