CSS自動隱藏鼠標顯示是一種常用的技巧,它能夠讓頁面更加美觀,也能提高用戶的體驗。有時候鼠標的顯示會影響到頁面的美觀,或者說鼠標的顯示會干擾到用戶的視線,如果能夠自動隱藏鼠標顯示,就能讓頁面更加舒適。
在CSS中,我們可以使用以下代碼自動隱藏鼠標顯示:
body { cursor: none; }
以上代碼表示將鼠標的顯示設為none,這樣鼠標就會自動隱藏。但是,需要注意的是,這只適用于PC端頁面。如果是移動端頁面,由于沒有鼠標,該樣式將不起作用。
如果要在移動端實現自動隱藏,我們可以使用JS代碼實現:
document.addEventListener("touchstart", function(){}, true);
以上代碼可以防止touchstart事件由于移動設備上的優化策略而延遲,從而在移動設備上實現自動隱藏。需要注意的是,該代碼需要放在
標簽內,以確保它在頁面加載時就開始工作。上一篇ajax異步傳對象到后臺
下一篇vue菜單源碼