js事件的概念事件的绑定

事件和数据库的触发器一样，浏览器监听到用户的某些行为的时候会执行绑定程序。

事件的绑定
在HTML元素上将触发事件的行为和事件响应程序关联起来过程就是事件的绑定

上述方法是直接绑定一个函数。
但是上面的方式是不太好，因为HTML代码中出现大量的“xxxxxooooo”这样的代码，那么在维护方面就会很不方便，而且不美观，所以要在js事件的绑定，使用js将要绑定的事件的元素取到然后直接绑定，

代码绑定失败：原因实在绑定事件的时候需要先取得html中的条件，但是此时HTML还没有加载完毕，所以不能取得条件的元素。此时可以将导入放到最后或者使用加载事件来解决这一问题

使用加载事件解决了问题，除此方式外还有一种方式，在body元素中绑定onload事件

加载事件就是当HTML全部加载完毕后再触发的事件，此时事件的绑定实在整个HTML代码加载完毕后才执行的

每个事件都有自己的载体，window . Onload事件的载体默认为body元素。

常见的事件
焦点事件：
1：blur：在元素失去焦点时触发，这个事件不会冒泡，所有浏览器都支持
2：focus：在元素获得焦点是触发，这个事件不会冒泡，所有浏览器都支持
3：focusin：与focus等价它会冒泡
4：focusout：与blus等价，也会冒泡
5：支持focusin，focusout 的浏览器有IE5.5，safari5.1+，Opera11.5+和Chrome
但是只支持DOM2级事件处理程序
6：blur，focusout的事件目标是失去焦点的元素，focus，focusin的事件目标是捕捉获得焦点的元素

7：chenge事件

鼠标与滚轮事假

Click在用户单击鼠标或者按下回车时触发，触发顺序mousedown mouseup click，如果mousedow，mouseup其中一个取消就不会触发click山

Dblclick触发顺序mousedown mouseup click mousedown mouseup click dblclick，，如果中间事件被取消，dblclick 也不会触发

Mousedown 用户按下任意鼠标按钮时触发

Mouseup 用户释放按钮时触发

Mouseenter 在鼠标光标从元素外部首次移动到元素范围之内时触发，不毛泡，而且在光标移动到后代元素上不会触发。DOM2级事件并没有定义这个事件，但是DOM3级事件将它纳入了规范，IE，Firefox9，和Opera 支出此事件

Mouseleave在鼠标指针位于一个元素外部，然后用户将其首次移入另一个元素边界之内时触发。不能通过键盘触发这个事件。

Mouseout 在鼠标位于一个元素上方，然后用户将其移入另一个元素时触发。右移入的另一个元素可能位前一个元素的外部，也可能是这个元素的子元素，不能通过键盘触发这个事件