js事件模型

  1.什么是事件？     就是发生了一件事情。

        2. 事件流（事件沿着一个顺序传出来）

      a、事件冒泡(里到外)

      b、事件捕获(外到里)

      c、DOM事件流（冒泡、捕获同时支持。捕获先）

              d、可以在html网页中放入动态文本。

        3.事件处理程序:1、传统事件处理(不能累加事件、兼容性好)：

  //   <input type="button" id=“d1” value="添加事件" οnclick="addEvent()" />

      function addEvent(){

var d1 = document.getElementByIdx_x_x_x("d1");

d1.onclick = show;

      }

      function show(){

alert('我被点了');}

2、现代事件处理(事件可以重叠，兼容不好)：(IE)

            function addEvent(){

var d1 = document.getElementByIdx_x_x_x("d1");

d1.attachEvent("onclick",show);

      }

      function show(){

alert('我被点了');

      }

事件类型：

        1、鼠标事件：click(鼠标左键)、dbclick(双击左键)、mousedown（按下任意键）、mouseout(移出元素时)、mouseover（滤过元素时）、mouseup（释放按钮）、mousemove（当鼠标在该元属时）

        2、键盘事件：keydown(按下键盘时)、keypress（按下一个字符键）keyup（释放时）

        3、html事件