コード解析を実装するjsドラッグ＆ドロップ機能

この記事で解決される問題:

1. Web ページにドラッグ機能を実装する方法; 2. document.documentElement と document.body の違い。

document.documentElement.clientWidth は、HTML ドキュメント全体の幅、つまり document.body.clientWidth の幅を指します。この 2 つは同じではありません。コンソールの console.log(document.documentElement) および console.log(document.body) を通じてテストできます。

3. getBoundingClientRect().left と offsetLeft の違い。

getBoundingClientRect() は、要素の左、上、右、下を取得するために使用されます。 offset は親を基準にして左と上を取得します。 getBoundingClientRect() は、ウィンドウを基準にして左、上、右、下を取得します。

4. e.clientX は、ウィンドウに対するマウス ポイントの座標を参照します。

りー