私は自分のプロジェクト用に非常に圧縮され最適化された js を作成しようとしています。プロジェクト用に jQuery を使用しています。このドラッグでより多くのアクションを実行するために、要素のドラッグを検出したいと考えています。
ここで多くのWebサイトと質問を検索しますが、すべての場所の結果= jquery UIを使用します。
私のコードでは最適化されておらず、プロジェクトにとって大きいため、 jQuery UI を使用できません。
今私の本当の質問は、jQuery UIではなくjQueryだけでドラッグアイテムを検出する方法です。
私の例のコードを試してください:
$(関数() {
window.isDragging = false; $('#move').mousedown(function (e){ window.mX = e.pageX ; window.mY = e.pageY ; window.isDragging = true; $('html').bind('mouseup',function (e){ window.isDragging = false; console.log(window.mX+'->'+e.pageX); console.log(window.mY+'->'+e.pageY); }); $('html').bind('mousemove',function (e){ if (window.isDragging){ console.log('move ->'+e.pageX+','+e.pageY); } }); });
}))
ほとんどうまくいきますが、マウスアップは常に機能するとは限りません。