鐵人檔案
大家好！今天想跟大家分享我學習到的滑鼠事件，像是 mouseover 和 mouseout，這些事件可以讓網頁更具互動性。在學習的過程中，我發現這些事件對於改善...
大家好！今天想和大家分享我學習如何監聽鍵盤事件，像是 keydown 和 keyup。透過這些事件，我可以偵測使用者按下哪個鍵，並針對這些動作做出反應。實際上，...
第 13 天的挑戰，我探索了 JavaScript 的事件傳遞機制，尤其是捕獲（capture）與冒泡（bubble）。在事件發生時，瀏覽器會先從父節點向下傳遞...
今天學到了動態綁定與移除事件，這讓我感覺能更靈活地控制頁面上的互動，尤其是在需要動態添加或刪除功能時，非常實用。 綁定事件範例 在這裡，我用 addEve...
今天的學習重點是「事件委派」，這是一種提高事件處理效率的方法。當我們需要對多個子元素進行事件監聽時，可以選擇將事件綁定到父級元素，而不是為每個子元素都綁定事件。...
第 16 天的主題是使用 setTimeout 和 setInterval 控制 DOM 的動態更新，這兩個方法能幫助我們按時間順序操作頁面內容。 setTi...
今天我挑戰了如何使用 JavaScript 和 DOM 操作來創建一個簡單的圖片輪播功能。透過學習，我發現 setInterval() 函數很實用，可以自動切換...
今天學習了如何使用 JavaScript 來動態操作表格。平常我們可能覺得表格內容是靜態的，但其實可以透過 insertRow() 和 deleteRow()...
今天學習了如何使用 JavaScript 進行表單驗證，發現這是一個非常實用的技術。驗證可以確保使用者輸入正確的資料，特別是在處理註冊或聯絡表單時。這次的範例是...
今天，我們要一起來製作一個簡單的計數器應用。這個計數器可以讓我們通過按鈕來增減數字，讓我對 DOM 操作和事件處理有了更深的理解。 HTML 結構 首先，我們...
