学习总结

一.JavaScript事件模型:
JavaScript与XHTML的交互是通过当用户或者浏览器操纵网页时发生的事件处理的。
1.事件流:
(1).事件冒泡:
其基本思想是,事件从事件发生的目标最内部开始触发,向上触发到最外部(document对象)。

2.DOM事件流:
DOM同时支持事件捕获和事件冒泡,但是事件捕获先发生。两个事件流可以遍历DOM中的所有对象,起点和结束点为document对象(很多标准兼容的浏览器可以一直捕获/冒泡到 window对象)。

3.IE兼容性的解决:
eg:var oDiv = document.getElementById("div");
            if (document.addEventListener){
                 oDiv.addEventListener("click",fnClick,true);
            }
             else if (document.attachEvent){
                        oDiv.attachEvent("onclick",fnClick);
                    }

4.Event对象:
event对象只是在事件发生时创建,并且可以被事件处理程序访问。在所有事件处理程序执行完成后,event对象就被销毁了。
(1).定位:
IE浏览器中 eg:
oDiv.onclick = function (){
         var oEvent = window.event;
}
DOM标准中规定 eg:
oDiv.onclick = function (){
         var oEvent = argunments[0];
}
(2).属性和方法

5.事件类型:
(1).鼠标事件···用户使用鼠标执行某个任务时触发鼠标事件。
(2).键盘事件···用户在键盘上打字时触发键盘事件。
(3).HTNL事件···当浏览器窗口或特定的客户机服务器交互发生改变时触发HTNL事件。

posted @ 2016-05-10 20:45  TIAN思  阅读(131)  评论(0编辑  收藏  举报