事件的三要素

一、事件三要素

1. 目标元素：操作那个dom元素
   事件类型：on开头的各种类型事件
   事件对象：包含了事件类型操作的属性和方法
   注意：事件对象的产生一定要有事件
   兼容方法：var =evt||event
2. 鼠标事件对象
   page 整个页面的高度，宽度不变 常用
   client 能看的见的位置坐标 不常用
   offset 以父元素为圆心 常用于托拽

二、键盘事件

3. 键盘对象的事件源，通常都是document
   document.οnkeyup=function(){
   console.log(“键盘抬起”)
   }
   onkeydown 键盘落下
   okeypress 生成一个字符的时候触发
   ctrl+回车 10
4. 键盘的兼容写法
   var k=e.KeyCode||e.whick||e.charcode;
5. 事件流：当某个事件触发时，从子元素向父元素触发或者相反。称为事件流
6. 子元素向父元素触发时冒泡，父元素向子元素触发是捕获
7. 阻止事件冒泡
   e.stopPfopagation()’?e.stopPfopagation()’:
   e.cancelbubble=true;
8. 阻止浏览器的默认行为
   e.preventDefault();?e.preventDefault():
   e.returnValue=false
   return false