iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

JavaScript 從零開始 系列

這是紀錄從零基礎開始學習 JavaScript 的技術筆記,也讓自己重新學習與檢視這一年學習與應用的 JavaScript 相關,因為本人記憶力不太好,每一篇都為極短篇的方式分享,會有基礎 JavaScript 知識與實務演示應用,會加上 jQuery 延伸實務應用情境,確定會超過 30 篇。

鐵人鍊成 | 共 40 篇文章 | 66 人訂閱 訂閱系列文 RSS系列文

JavaScript 從零開始 - Day31- 認識 Event 事件

瀏覽器中有許多的事件,筆記常用的像是滑鼠點擊、移動事件、鍵盤輸入事件、冒泡事件...等,事件通常與函式搭配使用,在事件發生前函式不會被執行! 舉例:點擊按鈕的...

2020-10-02 ‧ 由 Tim Hsu 分享

JavaScript 從零開始 - Day32- 事件監聽 addEventListener

在 HTML 標籤寫入 onclick() 事件 在 addEventListener 的寫法出現前,是在 HTML 的標籤內直接寫入事件,假如要寫入一個 c...

2020-10-02 ‧ 由 Tim Hsu 分享

JavaScript - 從零開始 - Day32 - 終止冒泡事件 stopPropagation 與 取消預設觸發行為 preventDefault

冒泡事件 Event Bubbling 與 捕獲事件 Event Capturing 在 addEventListener 中有提到 false 為預設的冒泡...

2020-10-04 ‧ 由 Tim Hsu 分享

JavaScript 從零開始 - Day34- e.target 與 nodeName

target 在英文中,是目標的意思,在網頁上是指目前所在元素的位置,舉個例子來說,有一個 ul, li 的清單,當中有一個 a 連結,命名一個 link 名...

2020-10-05 ‧ 由 Tim Hsu 分享

JavaScript 從零開始 - Day35 - Change 事件

change 在 JavaScript 中是好用的工具,尤其是在多項選項的時候 練習主題: 今天要找到支持的球隊裡面的明星球員,以下為球隊與球員資料: var...

2020-10-05 ‧ 由 Tim Hsu 分享

JavaScript 從零開始 - Day36 - KeyCode事件

keyCode 事件很多會用來做遊戲或是網頁互動的功能,很有意思的語法。 本次主題 使用鍵盤數字 1, 2, 3 使元素向上飛出螢幕外。 先來寫結構,有三個元...

2020-10-06 ‧ 由 Tim Hsu 分享

JavaScript 從零開始 - Day37 - blur 離開焦點

input 中,要輸入資料時,會看到有個藍色外框,這是 focus 效果,focus 有焦點,聚焦的意思,而 blur 英文單字中這是模糊的意思,這樣聯想,就...

2020-10-07 ‧ 由 Tim Hsu 分享

JavaScript 從零開始 - Day38 - Mousemove 滑鼠移動到指定元素事件

mousemove 事件常用於一些小遊戲,因滑鼠移動到指定元素後就會出現效果。 馬利歐如果碰到烏龜就會死掉,或是撞擊磚塊會有蘑菇或是無敵星星。 練習主題...

2020-10-08 ‧ 由 Tim Hsu 分享

JavaScript - 從零開始 - Day39 - 點選清單項目時,刪除清單資料

先前有筆記如何刪除陣列資料的概念(連結),這次的筆記是延伸應用 splice 的功能。如何在點擊後,將所選到的清單內容刪除,並更新畫面? 條件如下: 原本...

2020-10-10 ‧ 由 Tim Hsu 分享

JavaScript 從零開始 - Day40 - 取得與清除 input 的值

Submit 許多網站都有表單要填寫,寫完後按下送出就會將資料送到後台資料庫,在 W3School 有介紹這個寫法, <label for="...

2020-10-10 ‧ 由 Tim Hsu 分享