function mYfunction(id){
var oDiv = document.getElementById(id);
oDiv.onmousedown = function (ev) {
var ev = ev || event;
var disX = ev.clientX;
var disY = ev.clientY;
var l = oDiv.offsetLeft;
var t = oDiv.offsetTop;
if (oDiv.setCapture) {
oDiv.setCapture();
}
document.onmousemove = function (ev) {
//这里为什么使用document,是因为快速拖拽的话会鼠标丢失,
var ev = ev || event;
oDiv.style.left = ev.clientX - disX+l + "px";
oDiv.style.top = ev.clientY - disY+t+ "px";
}
document.onmouseup = function (ev) {
document.onmousemove = document.onmouseup = null;
//为何不用oDiv.onmouseup是因为被挡住之后会无视掉遮挡的元素
if (oDiv.releaseCapture) {
oDiv.releaseCapture();
}
}
return false;
}
}
js拖动元素事件
最新推荐文章于 2024-08-11 09:55:43 发布