ドラッグアンドドロップを探していましたHTML5の例/チュートリアルですが、これまでのところ、すべてのオブジェクトは、ドラッグされ、軸に拘束されることなくフェードします。実際のオブジェクト自体をドラッグするのではなく、それの幽霊と私はそれをX軸またはY軸に拘束できるかどうか?
ありがとう!
回答:
回答№1の17はい、簡単に、自分で書いてください。
elem.onmousedown = function(e) {
e = e || window.event;
var start = 0, diff = 0;
if( e.pageX) start = e.pageX;
else if( e.clientX) start = e.clientX;
elem.style.position = "relative";
document.body.onmousemove = function(e) {
e = e || window.event;
var end = 0;
if( e.pageX) end = e.pageX;
else if( e.clientX) end = e.clientX;
diff = end-start;
elem.style.left = diff+"px";
};
document.body.onmouseup = function() {
// do something with the action here
// elem has been moved by diff pixels in the X axis
elem.style.position = "static";
document.body.onmousemove = document.body.onmouseup = null;
};
}