//鼠標(biāo)點(diǎn)擊開(kāi)始
center[0].onmousedown = function () {
docMove(); //數(shù)據(jù)釋放
document.onmouseup = function () { document.onmousemove = null; document.onmouseup = null;
};
}; function docMove() { document.onmousemove = function (e) { var e = e || window.event; var newX = e.clientX;
//通過(guò)newX動(dòng)態(tài)設(shè)置元素css來(lái)達(dá)到改變位置的效果
//阻止冒泡
e.stopPropagation();
};
}問(wèn)題:如何通過(guò)setTimeout達(dá)到函數(shù)節(jié)流,提升性能?PS:目前事件執(zhí)行還有一個(gè)小問(wèn)題,就是在移動(dòng)元素的過(guò)程中會(huì)間接性出現(xiàn)鼠標(biāo)已經(jīng)釋放但onmousemove 并未失效的問(wèn)題,(實(shí)際觀感就是鼠標(biāo)左鍵已經(jīng)釋放,但是元素還會(huì)跟著鼠標(biāo)移動(dòng))
如何合理節(jié)流onmousemove事件?
慕萊塢森
2018-07-14 21:06:28