JS学习笔记Day12

时间:2021-08-24 11:26:19

一、浏览器的默认行为以及阻止行为

  (一)右键菜单事件:oncontextmenu;

    阻止:return false;

  (二)超链接的默认行为:跳转;

    阻止:标准浏览器:event.preventDefault();

       IE8及以下:event.returnValue = false;

       兼容:event.preventDefault ? event.preventDefault() :event.returnValue = false;

  (三)浏览器的拖拽事件:ondragstart;

    阻止:return false;

二、事件监听器

  (一)如果绑定同一个事件,触发多个事件处理程序时,使用监听事件

  (二)添加监听事件

    function addEvent(obj,event,fn,false){

      if(obj.addEventListener){

        obj.addEventListener(event,fn,false);

      }else if(obj.attachEvent){

        obj.attachEvent("on" + event,fn);

      }

    }

  (三)移除监听事件

    function removeEvent(obj,event,fn,false){

      if(obj.removeEventListener){

        obj.removeEventListener(event,fn,false);

      }else if(obj.detachEvent){

        obj.detachEvent("on" + event,fn)

      }

    }

三、事件捕获

  (一)事件流

  (二)事件捕获

  (三)事件冒泡

四、事件委托

  (一)将加到子节点上的事件加到其父节点上,作用是为了提高性能,原理是利用了事件冒泡

  (二)事件源的获取

    var target = event.target || event.srcElement;

五、拖拽思想

六、JSON

  (一)[],如果是字符串,加双引号

  (二){"key" :"value"}