09 - JS 事件三要素

1、事件三要素：

事件源 ：要触发的对象  （一般是名词，事件发起者，比如开关按钮）

事件：怎么触发这个事情  （一般是动词，触发事件，比如点击开关）

事件处理程序:发生了什么事情 （处理结果，比如灯亮了）

事件源.事件 = function() {
    事件处理函数
}

常见的事件：

事件名	说明
onclick	鼠标单击
ondblclick	鼠标双击
onkeyup	按下并释放键盘上的一个键时触发
onchange	文本内容或下拉菜单中的选项发生改变
onfocus	获得焦点，表示文本框等获得鼠标光标。
onblur	失去焦点，表示文本框等失去鼠标光标。
onmouseover	鼠标悬停，即鼠标停留在图片等的上方
onmouseout	鼠标移出，即离开图片等所在的区域
onload	网页文档加载事件
onunload	关闭网页时
onsubmit	表单提交事件
onreset	重置表单时

例如：改变宽度    
<script>
      	var demo = document.getElementById("demo");  
	//获得id为demo的div盒子给demo
 	var btn = document.getElementById("btn"); // 获得按钮 
	/*事件三要素*/ 
	/*事件源.事件 = fucntion(){}*/ 
	btn.onclick = function(){ 
	demo.style.width = "400px"; 
}
 </script>