PointerEventsを使って要素をドラッグで動かす

はじめに JavaScriptで要素をドラッグして移動する簡単な方法 と 「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 という記事を読んで、知らないことが多かったので書いてある内容を実際に試してみました。 内容としては PointerEvents を使った実装で、今まで自分が書いていたコードに比べてとても簡単になっていたので自分の理解のためにまとめてみました。 PointerEvents とは ポインターイベントは、ポインティング機器に対して発生する DOM イベントです。 これらは、マウス、ペンやスタイラス、（1 本以上の指でなどの）タッチなどのポインティング入力機器を処理する単一の DOM イベントモデルを作成するように設計されています。 とのことで、入力デバイスに関係なくイベントを扱えるようにするためのDOMイベントのようです。base