javascript事件

什么是javaScript事件？

js事件就是用户或浏览器本身的某种行为，一般是用户对页面的一些动作引起的，例如，单击某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用 JavaScript 中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。
JavaScript与HTML 之间的交互是通过事件（event）实现的，或者说，事件是JavaScript和DOM之间进行交互的桥梁。
主要作用

• 根据浏览器对象模型BOM(Browser Object Model)，和浏览器对话，操作对象
• 根据文档对象模型DOM(Document Object Model)，和文档对话，操作对象

javaScript事件的组成

事件源 ：给哪个元素/标签/节点来绑定事件
事件名 ：即事件源的某种状态或动作，触发事件的条件
事件处理程序（事件句柄：handler）

事件名：全小写、以on开头+具体动作或状态，如onclick

<div onclick="javascript:var a=1+2;console.log(a);"></div>

上机训练

1.做一个页面，1个div含3个button，如图
2.分别用行内绑定、属性绑定、添加监听的方法为3个button添加onclick事件，用console.log向控制台输出"事业"、"爱情"、"学业"。
3.设置button3的click事件只执行1次（即1次执行完就解除绑定）
4.为div添加监听事件click(冒泡事件)，且阻断继续传播，用console.log向控制台输出事件对象event。

<style>
	.mydiv{
	  background-color:#1e9fff;
	  height:150px;
	  width:320px;
	  padding:50px;
	  text-align:center;
	 }
	.mydiv button{
	  padding:10px 15px;
	}
</style>

<div class='mydiv'>
	<button>事业</button>
	<button>爱情</button>
	<button>学业</button>
</div>