OK，我們會回來的。
早在介紹的JavaScript我提到的用於學習JavaScript的一個重要原因是，我們可以用它來使我們的網頁互動。
這是當用戶點擊一個按鈕或輸入東西或打箭頭鍵或無論他們做什麼，我們如何能夠運行代碼。
我們可具有在給定的時間點不正好在頁面的開始執行執行了相應的代碼。
因此，要做到這一點，我們需要談論DOM事件。
所以這個視頻將是介紹DOM事件。
從概念上設置起來，然後又語法的過程。
因此，正如我提到的事件比比皆是。
想想當你與網頁交互時發生的，你可以點擊的東西就像一個按鈕，你可以將鼠標懸停在一個鏈接和一些可能彈出不同的事情有關。
你可以拖放在某些頁面元素。
你可能希望從用戶雙擊運行，或者實際上這個網頁有幾個例子的代碼。
這張幻燈片點com是一個網站，我打左，右箭頭鍵更改幻燈片。
因此，一些代碼正在運行時，我打左箭頭鍵或右箭頭鍵或當我點擊在這裡。
這也是一個事件，它是做一些它的運行一些代碼，正在改變當前的幻燈片。
所以問題是事件是所有的地方，他們是真正令人興奮的。
這是我最喜愛的主題教之一，因為現在我們可以讓我們的網頁互動，我們可以採取我們已經學習改變顏色變化的文字，然後我們就可以真正做事情的時候，特別是發生操縱的東西。
所以這真的解鎖操縱宿舍的潛力。
這是我們要如何讓遊戲中，它是我們如何會讓形式驗證器井字我們要做出一個非常酷的顏色選擇器的遊戲，所有這些事件造成的。
因此，這些事件的工作方式是，我們實際上是將它們連接到特定的元素，所以我們選擇喜歡的第一個按鈕或第二H-1或輸入，其中一個類型等於文本和元素再附上一份事件偵聽器以所選元素。
因此，作為一個例子，我們可能會被監聽上點擊一個按鈕，我們可以聽上我們可以聆聽到一個文本輸入按鍵事件的H1懸停事件，我們將更多地談到這些事件之間的差異。
有這麼多不同類型的JavaScript，但最重要的是，我們必須有一個被監聽某個給定元素上的一個事件的事件。
所以就像之前的時候我就說說選擇，然後操作這些仍然適用。
我們需要選擇的東西，然後出現這種情況是我們添加事件偵聽器，我們選擇的那件事的操作。
有一個特別的方法，我們要使用所有這些被稱為附加事件偵聽器的時間。
因此，在事件監聽器是我們使用，一旦我們選擇喜歡的第一個按鈕或輸入類型，因為密碼的元素，我們有選擇的話，我們呼籲其添加事件偵聽器和我們給出兩個參數的東西。
第一個是我們想要監聽事件的類型。
第二個參數是我們希望當事件發生時運行的代碼。
因此，這裡是一個例子。
我選擇頁面上的第一個按鈕並不重要所在的按鈕或它的外觀或任何東西只是任何按鈕。
然後我打電話給在事件偵聽器點擊按鈕，然後第二個說法是，所有的方式去這裡的功能。
而這種代碼是不是馬上運行。
記住，這就是所謂的回調。
這個代碼不立即執行。
它只運行一次此事件。
所以一旦你點擊的JavaScript中去調用它背面的按鈕。
這個功能說嘿它是你的眼前一亮，回來這裡準備好讓你執行。
然後該代碼運行，我們得到勸告不要登錄有人單擊按鈕。
因此，只要一個按鈕，很快就與我們選擇點擊特定的按鈕上運行該功能將運行。
因此，這裡的另一個例子。
這種情況下，我有標記在這裡一個按鈕和一個段落，我選擇了他​​們兩個與柯瑞選擇和我把它們都保存到變量，然後所有我們要做的就是添加點擊偵聽器，按鈕的添加事件偵聽器，點擊，然後第二個參數是回調函數。
而我們要去每當按鈕被點擊更改段落文本內容是某人單擊按鈕做的，你可以看到，當我點擊該按鈕，它改變了從沒有人點擊我和某人有單擊按鈕。
所以，現在我打算使用我們的Dom演示頁，讓我們通過這種H-1在這裡開始做一個快速演示。
當用戶點擊它改變顏色。
因此，要做到這一點，我們需要通過選擇H-1始終啟動。
因此，我們有一大堆的選擇那裡。
我將只使用queery選擇文檔查詢選擇H-1確保我們擁有它。
好吧。
然後，我們只是寫H-1中添加事件偵聽器。
記得有兩個參數。
第一個是我們正在偵聽該事件。
我們會花更多的時間談論不同事件的不同選項。
現在我們只是在做點擊第二個是我們要運行時用戶點擊的代碼。
所以功能和剛開始很簡單，只是做了一個提醒用戶點擊時。
因此，我們會做一個警示每一個被點擊就這樣。
現在，讓我們來回車。
沒有馬上改變。
但現在，如果我點擊一個，這樣我會關閉這個。
如果我點擊頁面上的任何地方。
除了H-1沒有任何反應。
當我點擊H-1雖然它告訴我，H-1是正確的。
所以這是非常重要的。
它僅適用於H-1但這並不意味著我可以在這裡走了過來，然後單擊因為記得，如果我檢查一下了H-1去所有的方式在屏幕上。
所以，只是要記住的罰款對於我們在這種情況下，但它偶爾會彈出那裡的東西表現得有點不同可能比你他們想要和需要使用它們綜援可能縮短階段之一，或者改變您的反正監聽。
因此，而不是僅僅提醒讓我們嘗試做別的事情。
如果我只是打向上箭頭add事件偵聽器，點擊更改代碼在這裡，我做類似H-1這種風格的背景平等相待，讓我們做的橙色橙色背景，我回車。
同樣沒有馬上發生變化，但是當我點擊要注意哪些情況首先發生的事情是，它仍然在H-1被點擊警告說。
然後當我關閉它，然後改變是橙色。
因此，這裡的教訓是，我們可以有一個給定的元素不止一個監聽器。
當我們點擊該H-1，我們添加的第一個監聽器監聽一個點擊它運行了一個警報，然後我們又增加了聽眾事後也聽了一點擊，但它改變背景顏色。
所以，當我點擊他們兩個運行。
和多數民眾總是會發生的，現在如果我點擊我再次得到警報和它改成當然，你沒有看到，因為這已經是橘橙但你要相信我。
它保持了又一遍地其更改為橙色。
好吧，我我要去刷新，擺脫這一切的。
我也想加入一個監聽到UL做一個快速演示。
所以讓我們做一個轉儲文件查詢選擇UL，記住我們有三個盟友，而不只是一個UL認證。
所以我要告訴你，當我們設置這樣的父元素上會發生什麼。
好吧，我不打算使用一個變量只是要在這裡做到這一點。
堅定的監聽器。
點擊。
所以這是第一個參數。
第二個就是我們要就這樣運行的功能。
而且我要開始。
我們只是做記錄以及是點擊一個控制台，你知道。
這是被動語態。
餿主意。
讓我們做。
你點擊了UL得多好。
好。
因此，讓我們保持開放的控制台，讓我們點擊UL。
但是，我們如何將點擊油。
由於該井有它內部的三個盟友。
UL的是這整個事情就在這裡。
因此，任何快不要緊，我在剛才的地方都行之有效其盟友。
你可以看到數量遞增在這裡。
就做好了任何快速它會執行這個控制台點日誌。
因此，讓我們刷新一次，這一次讓我們說，我想改變自己的盟友。
當我點擊一個單獨的盟友我想要的東西發生。
有這樣做的幾種方法。
而且我們要開始僅僅是附加一個監聽器，每個盟友抬起頭最簡單的一種。
我們最終將做的是附加一個監聽器UL，然後該偵聽器內。
我們要檢測哪些具體躺在裡面的UL被點擊上的所有一個Lessner。
不過現在我們要添加一個單獨的監聽器，每一個謊言，所以我們需要通過選擇盟軍開始讓我們的盟友等於文檔點queery選擇所有的盟友確保我們有他們所有。
那麼好吧，我們需要為循環做。
因此，對於VAR我等於零。
請記住，我說我們會做這一切的時候。
所以我不到盟友長度加我加就這樣。
然後這裡裡面我們實際上是將一個偵聽器添加到每一個人的盟友。
所以，看起來像這樣。
伊利斯我這樣為我們提供了具體的盟友，事件偵聽器點擊功能就是這樣，做這一點。
然後，我們需要的代碼運行。
讓我們改變被點擊了盟友的顏色，讓我們只是改變它是紫色的。
因此，我們有一些不同的選擇。
我需要做的是指被點擊的盟友。
所以，我能做到這一點的盟友我雖然因為有這樣做的更簡單的方法就是用這個關鍵字，它不是一個真正的偉大的解決方案。
因此，一個聽眾的關鍵字這裡面指的是被點擊的項目，或者是在徘徊的項目或項目的按鍵發生在哪裡，以前權利在事件無論任何的選擇有雲的元素是什麼這指。
所以，我可以寫那種顏色等於紫色此點的風格。
而實際上這件事情更加明顯。
這是一個小的字體。
因此，讓我們做的粉紅色就這樣。
我回車。
沒有立即發生，但如果我點擊的盟友，你可以看到它的變化是粉紅色。
如果我一直點擊不斷變化粉色你就不能告訴。
所以這裡選擇了一堆東西通過他們單獨循環，並添加事件監聽到他們每個人的這種模式真的很常見的。
我們要看到它在，我們在未來的幾個項目，所有的時間。
我會在這裡提到的最後一件事是，你並不總是需要使用像我們在這裡做你寫帶括號的功能，你不給它一個名稱的匿名函數。
你不必這樣做。
您可以單獨申報像我在這裡做了一個名為功能。
職能轉變文本，然後所有我們需要做的是說按鈕添加事件偵聽器，或者單擊，然後我們給它更改文本。
請注意，我們沒有括號後來因為我會立即執行函數，它是我們想要的不是。
所以，我們只是通過這個功能我們基本上傳遞的內容，以這個快速聽者的價值，並說這是我要你當用戶點擊這個按鈕運行函數。
但不要運行它只是還沒有。
因此，這兩個將工作完全一樣的。
這只是一個偏好的問題。
在大多數情況下有，我們可能稍後會遇到一些差異。
我更喜歡用這個。
當我不會用匿名函數的唯一情況是，如果我需要到別的地方重新使用該代碼時鐘聽眾之外。
所以，如果我想單獨運行它自己或我想，而不是運行它的另一個快速監聽而不是重複這個功能我想給它一個名稱，然後複製流向何方我用它兩倍的名字。
行，所以接下來你會得到一個機會做快速使用威斯納的部分，我們已經在過去幾年視頻學到的東西一些簡單的練習。