DOM 操作點擊鼠標事件

Question

我試圖通過單擊鼠標來更改 web 頁面的背景顏色，下面是相同的行：

 let bodyvar = document.querySelector('body'); bodyvar.addEventListener("click",generate); function generate(){ bodyvar.style.backgroundColor = "red"; }

當我在控制台中測試單獨的行時，它正在選擇正文和 function 並且所有內容都可以單獨正常工作但不是在實際頁面上。

我剛開始學習 JS，所以不確定這里缺少什么，我是否還需要考慮鼠標點擊的坐標？

Answer 1

我懷疑<body></body>是空的。 添加一些content ，或者定義width和height 。

 let bodyvar = document.querySelector('body'); bodyvar.style.minWidth = "100vw"; bodyvar.style.minHeight = "100vh"; bodyvar.addEventListener("click",generate); function generate(){ bodyvar.style.backgroundColor = "red"; }

或者，我可以使用<HTML>而不是<body> 。

 let bodyvar = document.querySelector('html'); bodyvar.addEventListener("click",generate); function generate(){ bodyvar.style.backgroundColor = "red"; }

DOM 操作點擊鼠標事件

問題描述

1 個解決方案

解決方案1
1 已采納 2023-01-24 11:23:12

DOM 操作點擊鼠標事件

問題描述

1 個解決方案

解決方案1 1 已采納 2023-01-24 11:23:12

解決方案1
1 已采納 2023-01-24 11:23:12