TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超5個贊
把offsetY改成pageY就行了。
關(guān)于offsetY的意思，規(guī)范是這么寫的：
The MouseEvent.offsetY read-only property provides the offset in the Y coordinate of the mouse pointer between that event and the padding edge of the target node.
關(guān)于pageY的意思：
The MouseEvent.pageY read-only property returns the vertical coordinate of the event relative to the whole document.
你體會一下這兩者的區(qū)別，然后再想想為什么offsetY不行。
最后，個人覺得你的js代碼寫的有點(diǎn)亂……我稍微改了改，你可以參考下：
$(document).ready(function(){ let axiL = 0,
doc = $(document),
b = $("#b"); //定義鼠標(biāo)拖動時執(zhí)行的函數(shù)
function move(event){ const top = parseInt(b.css("top")); let axiN = top + event.pageY - axiL;
axiN = (axiN < 0) ? 0: axiN;
axiN = (axiN > 170) ? 170: axiN;
b.css("top", axiN);
axiL = event.pageY;
}
b.on("mousedown", function() {
doc.on("mousemove", move);
axiL = event.pageY;
});
doc.on("mouseup", function() {
doc.off("mousemove", move);
});
});舉報