CSS中可以使用tabindex: -1;
來使元素不可獲取焦點。這個屬性將元素的tab鍵切換順序的值設置為-1,從而使得用戶無法通過鍵盤訪問該元素。
這種技巧對于一些不需要用戶交互的元素非常有用。例如,你可能會想將一個logo圖像標簽放到HTML中,但是你不希望用戶通過點擊它來獲得轉到它的鏈接。在這種情況下,你可以設置這個圖像標簽的tabindex值為-1,以防止用戶通過鍵盤訪問它。
.logo {
tabindex: -1;
}
還有一種方法是在HTML中設置屬性tabindex="-1"
。例如:
<img src="logo.png" tabindex="-1" />
這兩種方法都將防止用戶通過鍵盤訪問元素。但請注意,這僅是對通過鍵盤訪問元素的用戶有用。其他用戶仍然可以點擊它或通過其他交互方式訪問該元素。