js中常見的事件，以及省市聯動的DOM模型

（一）引入外部的JS文件，通過<script src=“HTML文件路徑” />的標籤；

（二）點擊事件綁定的2種方式；①在<input />標籤內綁定onclick事件；

②匿名函數；

<input type="button" id="c1" value="點擊事件1" onclick="show()"/>
<script type="text/javascript">
    function show(){
     alert("調用了click()函數");
    }
</script>

<input type="button" id="c2" value="點擊事件2">
<script type="text/javascript">
    document.getElementById("c2").onclick=function f() {
        alert("通過匿名函數綁定點擊事件");
    }
</script>

 

---

 

 

---

常見的事件； 

屬性	描述
onblur	元素失去焦點
onfocus	元素獲得焦點
onchange	用戶改變域的內容
onclick	鼠標點擊某個對象
ondblclick	鼠標雙擊某個對象
onkeydown	某個鍵盤的鍵被按下
onkeyup	某個鍵盤的鍵被鬆開
onload	某個頁面或圖像被完成加載
onmousedown	某個鼠標按鍵被按下
onmouseout	鼠標從某元素移開
onmouseover	鼠標被移到某元素之上
onmouseup	某個鼠標按鍵被鬆開
onsubmit	提交按鈕被點擊