2014年辛星解讀Javascript之DOM之事件及其綁定，辛星dom
我們通過DOM的事件可以對HTML的事件作出反應，就像我們用其他程式設計語言寫GUI一樣，那麼HTML包括哪些事件呢？下面是幾個常見的例子，比如網頁已經完成記載，映像完成載入，滑鼠移動到元素上方，輸入文字被改變，表單提交，使用者點擊按鍵等等，還是蠻多的。
下面我們用執行個體來示範一下，看下面的HTML代碼：
<html><p id = "tag" onclick="this.innerHTML ='小倩' ">辛星</p></html>它本來是辛星的，如果我們點擊一下，它就會變成”小倩“，這裡的onclick其實就是一個點擊事件，雙引號裡面的就是Javascript代碼，那麼既然是Javascript代碼，我們不妨把它們寫到外面的script標籤裡面去，如下代碼：
<html><p id = "tag" onclick="xin(this)">辛星</p><script type="text/javascript">function xin(my){my.innerHTML = "小倩";}</script></html>
<html><p id = "tag" >辛星</p><script type="text/javascript">document.getElementById("tag").onclick = function(){this.innerHTML = "小倩";};</script></html> 其實也很好理解，這也是DOM的一個綁定，只是它直接在Javascript中完成了事件的綁定，每次我們單擊”辛星“這個事件觸發的時候，它就會執行這個函數，這個函數的功能就是改變其中的文本顯示資訊。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
