JavaScript 事件模型

 

事件流意味着页面上不止一个元素可以响应相同的事件。

传统模式，对所有的浏览器通用，它可以给元素直接赋值，它新添加的代码会将原来的替换，其名称必须全部小写。

现代模式，存在兼容问题。

（1）IE使用 attachEvent() 和 detachEvent() 来完成事件的绑定和删除，但是IE版本要在10以下。新绑定的函数代码放置在原来执行的代码之后再执行。

（2）DOM使用addEventListener() 和 removeEventListener() 方法完成事件处理程序指派和删除的任务。

（3）鼠标事件

        ->  click  鼠标单击左键

        ->  dbclick  双击鼠标

        -> mousedown  按下鼠标按钮

        ->  mouseover  鼠标的光标移动到该元素之外

        -> mouseout  鼠标的光标移到该元素之上

        -> mouseup   用户释放任何鼠标按钮时

        -> mousemove  鼠标在元素上移动

（4）键盘事件

        -> keydown  用户在键盘上按下一个键时发生

        -> keypress  用户在键盘上按下一个字符键时发生

        ->keyup  用户释放一个按下的键时发生