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