1 addEvent(document.getElementById('d1'),'click', function(){alert('1');}) 2  3 /*绑定事件的函数封装*/ 4 function addEvent(obj, otype, fn ){ 5       if(obj.attachEvent) 6       { 7             obj.attachEvent('on'+otype, fn); 8           } 9        else{10           obj.addEventListener(otype,  fn, false);11            }12            }13       }

 

function(){alert('a');stopBubble(this.ev)}    /*阻止冒泡函数封装*/    function stopBubble(ev){        var e=window.event||event;        if(e.stopPropagation)        {            e.stopPropagation();            }        else{            window.event.cancelBubble=true;            }                };

 

   事件绑定

         IE方式

              attachEvent(事件名称，函数)，绑定事件处理函数

              datachEvent（事件名称，函数），解除绑定

        DOM方式

              addEventListener（事件名称，函数，捕获）

               removeEventListener(事件名称，函数，捕获)

            何时使用时间绑定

            绑定事件和this

            绑定匿名函数，会无法删除

 

高级拖拽

         复习拖拽原理

                距离不变

                三个事件， down move up

                封装成函数

         限制范围

                  对位置进行判断

                          例1 不能拖出窗口的Div

                          例2 不能拖出指定对象的div

                     磁性吸附

高级拖拽（2）

      图片拖拽

                  阻止默认事件

       文字选中

                 阻止默认事件

                ie下拖动问题

                       事件捕获

       碰撞检测

               碰撞检测原理-----九宫格

                拖拽中的碰撞检测

高级拖拽（3）

               与DOM的配合

                      带框的拖拽

                       保留原有的位置拖拽

                弹出层

                       拖拽改变Div的大小

自定义滚动条

     拖拽

           只有横向的拖拽

           限制范围------范围的大小

           计算比例---当前值/最大值

控制其他对象，

            控制物体的大小

            控制物体的透明度

            控制文字的滚动

鼠标滚轮

            鼠标滚轮事件

                 事件

                       mousewheel

                      DOMMousescroll

                      》DOM事件 只能绑定，阻止默认事件--preventDefault

                 属性

                     IE下  wheelDelta

                     DOM下  detail

                   应用到自定义滚动条---给谁加事件

      
      
    
       
    
       
      
      
    
       
                 所有可能让你变得更好的努力，在一开始就被你扼杀了。如果你一直没有尝试迈出第一步，怎么可能掌握栽培绿植的方法，怎么可能享受到跑步之后大汗淋漓的酣畅……难道害怕自己没有经验，害怕中途突然出现的变故，害怕事到最后依然不尽如人意的结局，或者仅仅是怕输、怕被嘲笑，就不敢尝试了吗？  我们每个人都有自己的梦想，都有想要达成的目标，都有希望成为的样子，但在这个过程中，总会出现各种干扰。与其畏缩不前，何不趁青春年少，大胆一试？许多事情，不是因为做不到才让人失去了信心，而是因为失去了信心，才变得难以做到  想起之前看到杨澜在书中写到她对迈克尔·乔丹的采访，这位被誉为“飞人”的伟大运动员说：“我起码有9000次投球不中，我输过不下300场比赛，有26次人们期待我投入制胜一球而我却失误了。我的一生中失败一个接着一个，这就是为什么我能够成功。我从未害怕过失败，我可以接受失败，但我不能接受没有尝试。”乔丹说，面对所有的伤痛和困境，他的法宝就是父母从小教育他的那句话：“谁都会遇到倒霉事，你的任务是想办法把坏事变成好事。  人这一生总有很多的残缺，我不是为了追求完美而活着，我是为了弥补残缺而更好的活着。为了自己，为了父亲，也为了很多很多的关心我的人。　　人这一生总会遇到很多的不如意，我不是为了逃避而活着，我是为了好好地面对而更好的活着。　　人这一生总是会让命运作弄，一次又一次，周而复始，我不是为了认命而活着，我是为了坚持，为了信仰，为了梦想而更好的活着。　　即便曾经一度垂死挣扎，而今，乌云散去，风雨平息，一切又是新的开始，即便生活再艰难，人生再无奈。为了自己，为了父亲，为了很多很多关心我的人。为了信仰，为了希望，为了梦想。我想好好的活着。    
       
      

 

本节重点

     拖拽---封装

     拖拽----限制范围

     拖拽----磁性吸附

     拖拽---图片

     拖拽---DOM

      碰撞检测

      asdfas
      
       asdfs
      
zcvx