這是紀錄從零基礎開始學習 JavaScript 的技術筆記,也讓自己重新學習與檢視這一年學習與應用的 JavaScript 相關,因為本人記憶力不太好,每一篇都為極短篇的方式分享,會有基礎 JavaScript 知識與實務演示應用,會加上 jQuery 延伸實務應用情境,確定會超過 30 篇。
瀏覽器中有許多的事件,筆記常用的像是滑鼠點擊、移動事件、鍵盤輸入事件、冒泡事件...等,事件通常與函式搭配使用,在事件發生前函式不會被執行! 舉例:點擊按鈕的...
在 HTML 標籤寫入 onclick() 事件 在 addEventListener 的寫法出現前,是在 HTML 的標籤內直接寫入事件,假如要寫入一個 c...
冒泡事件 Event Bubbling 與 捕獲事件 Event Capturing 在 addEventListener 中有提到 false 為預設的冒泡...
target 在英文中,是目標的意思,在網頁上是指目前所在元素的位置,舉個例子來說,有一個 ul, li 的清單,當中有一個 a 連結,命名一個 link 名...
change 在 JavaScript 中是好用的工具,尤其是在多項選項的時候 練習主題: 今天要找到支持的球隊裡面的明星球員,以下為球隊與球員資料: var...
keyCode 事件很多會用來做遊戲或是網頁互動的功能,很有意思的語法。 本次主題 使用鍵盤數字 1, 2, 3 使元素向上飛出螢幕外。 先來寫結構,有三個元...
input 中,要輸入資料時,會看到有個藍色外框,這是 focus 效果,focus 有焦點,聚焦的意思,而 blur 英文單字中這是模糊的意思,這樣聯想,就...
mousemove 事件常用於一些小遊戲,因滑鼠移動到指定元素後就會出現效果。 馬利歐如果碰到烏龜就會死掉,或是撞擊磚塊會有蘑菇或是無敵星星。 練習主題...
先前有筆記如何刪除陣列資料的概念(連結),這次的筆記是延伸應用 splice 的功能。如何在點擊後,將所選到的清單內容刪除,並更新畫面? 條件如下: 原本...
Submit 許多網站都有表單要填寫,寫完後按下送出就會將資料送到後台資料庫,在 W3School 有介紹這個寫法, <label for="...