/ / HTML5:フェードなしでX軸にドラッグ/ドロップしますか? -javascript、html5

HTML5:X軸でドラッグ&ドロップしてもフェードがない? - javascript、html5

ドラッグアンドドロップを探していました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;
};
}