Bookmark目次interact.jsって?interact.jsの対応ブラウザinteract.jsの使い方htmlcssJavaScriptinteract.jsをインストールコードhtmlのdata属性は使わない位置情報を計算してcssで動かす位置情報を画面に表示させるDEMOさいごにinteract.jsって?interact.jsは、ドラッグ&ドロップをサポートしてくれるJavaScriptライブラリです。マウスでのドラッグ&ドロップだけでなく、リサイズやスナップ、スマホなどのタッチデバイスでの2本指ピンチイン・ピンチアウト・回転といったマルチタッチジェスチャーもサポートしてくれます。Licenseとなっていますので、商用OKですね。公式サイトここで「サポート」と言っているのは、interact.js自体を読み込むだけでドラッグ&ドロップが動くようになるわけでなく、あくまでもイベントが追加されるだけだからです。interact.jsによって追加されたイベントで簡単に座標やサイズなどが取得できるようになるので、そこから実際の位置移動やサイズ調整の処理を自身で書いていく必要があります。公式サイトにその辺りのソースコードも掲載されているので、よほど特殊なことをしない限りはちょっとコードを眺めれば動かすところまですぐできます。interact.jsの対応ブラウザ公式では最新のモダンブラウザーとIE9以上となっています。経験上、IEに関しては対応してると言いつつも何かと問題がありそうな予感がするので注意ですね。