JavaScript——事件

1.what

*一个事件可以写多个方法，从左往右执行。

2.发展史

      初期由各浏览器厂商自己定义；后来出现了DOM标准。

3.事件流——由于页面上不止一个元素可以响应相同的事件，为了控制响应顺序，才在ie4.0和Netscape4.0中引入事件流。

     3.1：时间冒泡——事件从事件发生的目标最内部开始触发，向上触发到最外部(document)。

     3.2：事件捕获——从最外层对象(window(需要程序员指定)|document)到最里层对象的顺序触发。

*DOM先发生捕获后发生冒泡；起止都在document。

4.代码实现

 

     4.1：实现方法

     4.2：绑定

            4.2.1：绑定方式

                    4.2.2.1：传统的

 

                             *绑定到事件属性时只需函数名，加括号则直接执行。

                             *事件处理程序在事件源之后。

                             *所有标签都加载完后才调用onload方法。

                    4.2.2.1：现代的

                             4.2.2.1.1(IE)：attachEvent("事件属性",方法)<——>detachEvent("事件属性",方法)

                             4.2.2.1.2(DOM)：addEventListener("事件属性去on",方法,true) <——>removeEventListener("事件属性去on",方法,true)——TRUE表示在捕获阶段触发

                             4.2.2.1.3：特点

                                    *现代方法可以为一个事件添加多个处理函数。

                                    *兼容性—— if(!window.event){dom}else{ie};if(document.addEventListener){dom}else if(document.attachEvent){ie}

5.event对象——包含触发事件的对象、事件发生时鼠标和键盘的信息；有事件发生时存在，没有事件时销毁；dom规定只能用作参数；

      5.1：属性(IE——DOM)？？？？？？？？？

          5.1.1：事件类型的判断 【type】

          5.1.2：获取键盘的值(keydown/keyup事件)【keyCode】

          5.1.3：检测shift，alt，ctrl是否按下【shiftKey,altKey,ctrlKey】

          5.1.4:获取客户区(docment)坐标【clientX，clientY】

          5.1.5：获得屏幕坐标【screenX，screenY】

          5.1.6：获取目标(事件中心对象)【srcElement——target】

          5.1.7：获取字符码【keyCode——charCode】

          5.1.8:

      5.2：方法(IE——DOM)

          5.2.1：阻止事件的默认行为【returnValue=false——preventDefault()】

          5.2.2：中止事件传播【cancelBubble=true——stopPropagation()】

          5.2.

          5.2.

6.事件类型

  6.1:鼠标事件

         *事件类型(type）：click,dblclick,mouseover,mouseout,mousedown,mouseup,mousemove

         *时间发生顺序

 

6.2：键盘事件

         *事件类型：keydown,keypress,keyup

         *事件发生顺序：

 

6.3：html事件

         *事件类型：load,unload,abort,error,select,change,submit,reset,resize,scroll,focus,blur

         *事件顺序