Javascript在event.clientX上產生錯誤

Question

我正在構建的程序是一個程序，當鼠標關閉時，它讀取鼠標X和鼠標Y的位置。產生錯誤的代碼如下：

function updateLocation(event) { 
    setTimeout(function(event){ 
     var X = event.clientX; 
     var Y = event.clientY; 
    },300); 
} 

鉻，歌劇，火狐和邊緣都表示「遺漏的類型錯誤：無法讀取的未定義的屬性‘clientX’（...）」我不明白的是，即使如果我從w3schools.com複製了event.clientX的源代碼，它仍然會產生該錯誤。我試過重寫代碼，我試過只傳遞event到setTimeout()或者只給函數，但沒有任何工作。有人可以幫助我，這讓人很沮喪。

這裏的一切，我嘗試過的事情的清單：

function updateLocation(event) { 
    setTimeout(function(){ 
     var X = event.clientX; 
     var Y = event.clientY; 
    },300); 
} 

---

function updateLocation() { 
    setTimeout(function(event){ 
     var X = event.clientX; 
     var Y = event.clientY; 
    },300); 
} 

---

function updateLocation(event) { 
    alert(event.clientX); 
} 

---

function updateLocation(event) { 
    setTimeout(function(event){ 
     var X = event.windowX; 
     var Y = event.windowY; 
    },300); 
} 

---

function updateLocation(event) { 
    setTimeout(function(){ 
     var X = event.windowX; 
     var Y = event.windowY; 
    },300); 
} 

---

function updateLocation() { 
    setTimeout(function(event){ 
     var X = event.windowX; 
     var Y = event.windowY; 
    },300); 
} 

Answer 1

setTimeout回調函數不應該有任何參數，因爲當它被炒魷魚沒有參數將被傳遞。這就是爲什麼它沒有定義。

如果您只是從下面的函數中刪除它，它會按預期工作。

你可以看看下面的代碼。

function updateLocation(event) { 
 
    setTimeout(function(){ 
 
     var X = event.clientX; 
 
     var Y = event.clientY; 
 
     console.log(X + ', ' + Y); 
 
    },300); 
 
}

.container { 
 
    background-color: gray; 
 
    width: 500px; 
 
    height: 500px; 
 
}

<div class="container" onmousedown="updateLocation(event)">Test Div</div>