JS event事件

  1. event对象
    1. 当dom tree中某个事件被触发的时候,会自动产生一个用来描述事件所有的相关信息的对象,这个对象就是event(事件对象);
    2. 可通过window.event/event来获取。非IE还可以通过函数传参的形式来使用,一般而言我们使用【形参e或eve】来代替使用;
      var oDiv = document.querySelector('div');
      oDiv.addEventListener('click',function(e){
      	console.log(e);
      })

       

    3. event中常用的属性和方法:
      1. type:获取当前event类型;
      2. bubbles:获得当前触发事件的类型是否冒泡,冒泡返回true,否则返回false;
      3. e.stopPropagation():阻断事件出现冒泡;
      4. e.preventDefault():取消当前节点的默认行为,譬如超链接的点击跳转行为,没有返回值
      5. cancelable:用来判断当前节点是否支持preventDefault取消默认行为,可以则返回true;
      6. eventPhase:事件传导至当前节点处于什么状态;
        1. 事件处于捕获;
        2. 事件处于真正的触发者;
        3. 事件处于冒泡状态;
      7. targrt和currentTarget:
        1. target:返回事件真正的触发者;
        2. currentTarget:返回事件的监听者(触发的事件绑定到了谁,就返回谁);
        3. 都仅在事件内部有效;
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页