Udemy Todo List

https://www.udemy.com/the-web-developer-bootcamp/
裡面的教學之一，簡單但是在各種課程都常見的todo list
新手好朋友
https://telsaiori.github.io/udemy_todo_list/index.html

• 比較重要的大概就是
• 學到用stopPropagation
• 用which來判斷是按了什麼鍵
• on(“click”) / click()的差別

Written with StackEdit.

on("click") / click()

雖然是很基本的東西，不過因為我後來才好好開始學javascript / jquery, 之前常常只是看別人這樣用我就照著用，根本搞不清楚大家的差別（一開始根本連這到底是javascript還是jquey都覺得頭暈）

$('ul').on('click',"li", function() {

});

$('ul').click(function() {

});

簡單說就是on可以用在未來才會出現的元素,click只會對目前已經存在的東西有作用。
比方說如果用下面這種code增加一個li

$("ul").append("<li><span> X </span>" + todoText + "</li>");

如果本來是用$(“li”).click來設定一下動作的話，新增加的li是不會被套用的

Written with StackEdit.