事件处理

1、事件源 ：任何一个HTML元素 （节点），都可以作为事件源
2、事件   ：人的操作
           a、 鼠标事件：
   click         单击
   dbclick     双击
   oncontextmenu (发生在body中) 文本菜单
    oncontextmenu="return false" 时后面不执行
    onmousemove    鼠标移动
    onmouseover      鼠标移动到元素范围
    onmouseuot       鼠标移出元素范围
    onmousedown   鼠标按下
    onmouseup        鼠标按键抬起


      b、键盘事件：
       onkeypress
       onkeydown
       onkeyup


      c、表单：
     focus  获取焦点事件
     blur     失去焦点事件
     submit 提交事件
      change 改变事件


      d、其他：
     scroll 滚动事件
     selectd 选择事件


3、事件处理程序
               用代码实现自己想要是的功能

三种方法加事件：
1、行内样式
     格式：<tag  on事件=“事件处理程序”/>


2、格式：<script>
   对象.on事件=“事件处理程序”  // 一般在对象后面加匿名函数
</script>


3、<scrpt for="事件源id” event="事件">事件处理程序   </script>
//遇到事件就执行


一个事件源可以加多个事件
 
js文件中 onload=function( ){  alert("哈哈哈") }




事件对象：window.event


属性：
1、srcElement   // 事件源  发生事件的源对象
2、keyCode       // 事件发生时的键盘码  keypress  keydown keyup
3、clientX,clientY  //鼠标相对于 body 的坐标       （比喻为使用面积）
4、screenX,screenY //鼠标相对于整个屏幕的坐标 （比喻为建筑面积）
5、window.status =    //将变量赋值给它，看变化 可以用于测试
6、window.document.title =        //将变量赋值给它，看变化 可以用于测试

7、window.event.cancelBubble="true"  //取消

获取键盘值：
1、event.keyCode  
2、document.onkeydown=function ( e ){
e.keyCode   //返回的是数字
e.code         //返回的是键盘值 如 k键
}

想让一个元素动起来 必须先让其脱离文档流 相对、绝对或者固定定位

知识随手整理，后续补充。。