通過事件添加CSS樣式，是一種在JavaScript中動態(tài)改變HTML元素樣式的方法，這種技術(shù)可以讓我們的網(wǎng)頁更加靈活和交互性，下面我們來詳細了解一下如何通過事件添加CSS樣式。

我們需要獲取要添加樣式的HTML元素，可以使用document.getElementById()或document.querySelector()等方法來獲取元素。

我們需要定義一個事件處理器函數(shù)，用于處理特定事件（如點擊、鼠標懸停等），在這個函數(shù)中，我們可以使用JavaScript的DOM操作來動態(tài)添加CSS樣式。

假設(shè)我們有一個按鈕元素，我們想要在點擊該按鈕時改變其背景顏色，我們可以這樣實現(xiàn)：

// 獲取按鈕元素
var button = document.getElementById('myButton');
// 定義事件處理器函數(shù)
function handleClick() {
  // 添加CSS樣式
  button.style.backgroundColor = 'red';
}
// 添加點擊事件監(jiān)聽器
button.addEventListener('click', handleClick);

在這個例子中，我們定義了一個名為handleClick的事件處理器函數(shù)，并在該函數(shù)中添加了CSS樣式，我們使用addEventListener()方法將事件處理器函數(shù)綁定到按鈕元素的點擊事件上，這樣，每次點擊按鈕時，都會觸發(fā)事件處理器函數(shù)，從而改變按鈕的背景顏色。

需要注意的是，通過事件添加CSS樣式只是暫時性的改變，如果想要***性地改變元素的樣式，還需要使用其他方法（如使用CSS類名或內(nèi)聯(lián)樣式等）。