聚焦事件(focus event)是指當用戶將光標置于某個HTML元素上時，該元素關聯的CSS樣式發生改變的事件。聚焦事件在頁面中互動性方面扮演著重要角色，可以用CSS優化用戶體驗。

.box {
border: 1px solid #ccc;
padding: 10px;
}
.box:focus {
border: 1px solid #34d399;
outline: none;
}

在上述代碼中，我們為.box類設置了初始狀態下的樣式：灰色邊框和內邊距。接著，在.box類后面添加:focus偽類，當元素處于聚焦狀態時，樣式發生改變：增加了一個綠色邊框，并且聚焦事件去掉了默認的外邊框。

聚焦事件的應用場景十分廣泛，例如當用戶點擊輸入框時，可以添加聚焦事件來改變輸入框的樣式，增強用戶對輸入框的關注度，直觀反映軟件與用戶的交互。

同時，聚焦事件也可以用于Web瀏覽器的導航。對于那些多標簽頁功能的網頁，當用戶焦點移動到某個已經打開的標簽頁時，使用聚焦事件可以讓該標簽頁的樣式發生改變，提醒用戶該標簽頁處于激活狀態，增加了交互性和便捷性。