javascript DOM事件（1）

javascript DOM事件

1. javascript事件基础
   什么是事件？为什么要有事件？
   其实，js与html就是通过时间进行交互的。
   事件就是文档或者浏览器发生的一些特定的交互瞬间
   例如你买一件商品，点击加入购物车按钮，你会发现这件商品出现在了购物车页面里。

2. html事件
   什么是html事件？
   直接在HTML元素标签内添加事件，执行脚本，叫html事件
   语法：
   
   实例：

<input type="button" value="弹出"  onclick="alert('我是按纽')">

上例就是我们在input按纽上绑定了一个onclick事件
如果执行的事件是一个函数，
`

开始

`

按钮的css样式：<style> .btn{width: 200px;height: 30px;line-height:30px;background: #00f ;color: blueviolet;} </style>
js部分：

function mouseoverFn (btn)//鼠标滑过，按纽背景变红
 {
     btn.style.background="red";
     
 }

上例就是给地div绑定了一个mouseoverFn函数，onmouseover意为鼠标划过时触发，this代表对该DOM对象的引用
下面是其他的鼠标事件：