爲什麼body元素上的onclick事件不起作用？

我試圖向用戶發送到另一個頁面時，點擊html正文：爲什麼body元素上的onclick事件不起作用？

的JavaScript c.js：

function clickBody(){ 
    window.location.href = '/'; 
}

HTML：

<!DOCTYPE html> 
<html> 
<head> 
    <script src="c.js"></script> 
</head> 

<body onclick="clickBody();"> 
</body> 
</html>

我可以運行控制檯的功能，但點擊<body>不起作用。

來源

2016-05-06 user1234597

添加'高度：500像素;'身體，它然後應該工作 –

<body>元素沒有高度，添加類似波紋管：

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    body { 
    height: 500px; 
    } 
    </style> 
    <script src="c.js"></script> 
</head> 

<body onclick="clickBody();"> 

</body> 
</html>

來源

2016-05-06 14:36:36 Shin

<body>元素爲空。您必須在CSS中更改其高度，或者在其中添加一些文本。

此外，使用element.addEventListener()可能是一個好主意。見addEventListener vs onclick。

見代碼片段：

function clickBody() { 
 
    window.location.href = '/' 
 
} 
 
document.body.addEventListener("click", clickBody)

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="c.js"></script> 
 
</head> 
 

 
<body> 
 
    <p>Try clicking me.</p> 
 
</body> 
 
</html>

來源

2016-05-06 14:34:18

爲什麼body元素上的onclick事件不起作用？

回答

相關問題