在CSS中,可以使用偽類:focus
來(lái)選中聚焦的元素,偽類是一種特殊的選擇器,用于選擇處于特定狀態(tài)的元素。:hover
偽類用于選擇鼠標(biāo)懸停的元素,而:active
偽類用于選擇正在被激活的元素。
對(duì)于聚焦的元素,可以使用:focus
偽類來(lái)選中,如果你想選擇一個(gè)聚焦的按鈕,可以這樣做:
button:focus { background-color: red; }
這段CSS代碼會(huì)將聚焦的按鈕背景色設(shè)置為紅色,注意,這里的button
是元素選擇器,用于選擇所有的按鈕元素,如果你想選擇其他類型的元素,比如div
或p
,可以將button
替換為相應(yīng)的元素名。
除了使用偽類來(lái)選中聚焦的元素外,還可以使用JavaScript來(lái)獲取聚焦的元素,在JavaScript中,可以使用document.activeElement
屬性來(lái)獲取當(dāng)前聚焦的元素。
var focusedElement = document.activeElement; console.log(focusedElement);
這段代碼會(huì)輸出當(dāng)前聚焦的元素,并在控制臺(tái)中打印出來(lái),注意,這里的document
是全局變量,表示整個(gè)HTML文檔,如果你想選擇其他文檔中的元素,可以將document
替換為相應(yīng)的文檔對(duì)象。
無(wú)論是使用CSS偽類還是JavaScript,都可以幫助我們選中聚焦的元素,具體使用哪種方法取決于你的需求和場(chǎng)景。