CSS3中的click事件是指用戶在頁面上單擊某個元素時所觸發的事件,通常用于實現頁面交互和動畫效果。下面是一個簡單的示例代碼:
button { padding: 10px; background-color: #ccc; border: none; cursor: pointer; } button:hover { background-color: #aaa; } button:active { background-color: #333; }
上面的代碼為一個按鈕樣式,當鼠標懸浮在按鈕上時,會出現hover狀態,即背景顏色變淺,當用戶單擊按鈕時,會出現active狀態,即背景顏色變深,如果想要為按鈕添加點擊事件,可以使用JavaScript來添加事件監聽器:
const btn = document.querySelector('button'); btn.addEventListener('click', function() { alert('Hello CSS3 click event!'); });
上面的代碼為使用JavaScript為按鈕添加了一個click事件監聽器,當用戶單擊按鈕時,會彈出一個提示框,顯示"Hello CSS3 click event!"。需要注意的是,添加事件監聽器的代碼應該在文檔加載完成后執行,否則可能無法正確找到元素。