有關鼠標在頁面body獲取點擊事件的問題

首先說到這個問題我們先來談談body的高度問題，關於body高度的設置。

有些小伙伴可能就會說這個是多么的簡單，直接進行如下操作不就可以了

body{
     height:100%;

}

這個設置雖然是想法是對的，但是你發現更本就不得行，那么必須就要進行如下的操作

html,body{
     height:100%;


}

好了這個基本上就能解決body高度不能自適應的問題了。可能會存在一些沒有自適應的問題，但是也基本不影響頁面的布局。

 

現在我們切入正題

關於獲取頁面鼠標點擊時的坐標，我們直接用下面的方式來操作

        let body = document.getElementsByTagName("body")[0];
body.onclick = function() {
            let x = event.pageX; //獲取距離瀏覽器頁面左邊的X
            let y = event.pageY; //獲取距離瀏覽器頁面上端的Y
        }

到這里基本上就可以了，重點就只有這么一點點，獲取到了x，y就可以進行對應的操作了哈

可能會出現個別的情況有些時候點擊頁面沒有效果，不起作用。此時我們就可以把body改成html 

此時你就會發現點擊頁面任何位置都是可以觸發onclick的。