這是我當前的代碼,我想用它來創建一個顏色選擇器。現在我想從整個客戶區記錄滑鼠坐標,但我得到 NaN,沒有 Math.floor 它回傳未定義。
window.addEventListener("mousemove", getCoords());
function getCoords() {
window.setInterval(() => {
console.log("mouse coords: ", Math.floor(MouseEvent.clientX), ", ", Math.floor(MouseEvent.clientY));
}, 500);
}
uj5u.com熱心網友回復:
您需要將事件傳遞到您的事件偵聽器中,并正確注冊您的事件偵聽器回呼:
window.addEventListener("mousemove", getCoords);
function getCoords(MouseEvent) {
window.setInterval(() => {
console.log("mouse coords: ", Math.floor(MouseEvent.clientX), ", ", Math.floor(MouseEvent.clientY));
}, 500);
}
在您的原始代碼中,getCoords如果傳入 as getCoords()(本質上,在您的代碼中,您是在告訴系統“將函式呼叫的結果注冊getCoords為偵聽器”),則將執行。
此外,當事件觸發時,它會將一個物件傳遞到表示該事件的處理程式中,并包含您想要的詳細資訊。
有關更多詳細資訊,請參閱此處的檔案。
綜上所述,除非這是一項學術作業,否則我建議使用Color Input 型別來創建顏色選擇器。
uj5u.com熱心網友回復:
我在MDN上找到了我的問題的答案,我不得不使用“e”而不是“MouseEvent”
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/358977.html
標籤:javascript 坐标 鼠标事件 鼠 鼠标移动
