マウスドラッグイベント例(javascript)

ドラッグイベント制御はdocumentを対象に行った方が良いです。
私は対象のelementのmousemoveとmouseupを登録して、微妙な挙動になってもやっとしてました。

element.addEventListener('mousedown', function(e) {
    document.addEventListener('mousemove', doSomething);
});
document.addEventListener('mouseup', function(e) {
    document.removeEventListener('mousemove', doSomething);
});

function doSomething(){}

イベントの発火は対象のelementで、
mousemoveとmouseupはdocumentを対象に行うことでelement外のどこへ出ても問題なく追従できます。

コメント