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	提交按钮被点击