JavaScript事件初识

1、事件的概念

        事件是可以被计算机识别的操作，如点击，双击，移动鼠标，按下键盘，窗体的加载、滚动、双击等事件，编辑框（文本框）的文本改变事件，等等。

事件三要素 : 事件源 + 事件名称 + 事件处理程序

• 事件源 : 谁触发这个事件 (按钮 btn)

• 事件名称 : 触发了什么事件 (点击click事件)

• 事件处理程序 : 事件触发后要执行的代码(函数形式)

事件初体验：

<input type="button" value="按钮" onclick="dian" id="btn">

<script type="text/javascript">
	function dian(){
		alert("点击了按钮！");
	}
</script>

注意：事件处理程序(函数)并不是立马执行，而是当事件触发的时候在会执行（浏览器会自动调用）

2、事件分类

使用事件需要在事件关键字前面+on 

1、鼠标类

        click        单击

        dblclick        双击

        contextmenu        右键        

        mouseover        移入

        mouseout        移出

        mousedown        按下

        mouseup        抬起

2、键盘类

        keydown        按下

        keypress        按下

        keyup        抬起

3、表单类

        focus        获取焦点

        blur        失去焦点

        change        改变内容