zoukankan      html  css  js  c++  java
  • 常用事件对象属性及兼容处理

    1、获得事件对象

    btn.onclick=function(event){
         var event=event || window.event;
    }

     2、事件的目标

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

    3、阻止事件冒泡

    if(event.stopPropagation){
          event.stopPropagation();
    }else{
          event.cancelBubble = true;
    }

    4、取消默认行为

    if(event.preventDefault){
          event.preventDefault();  
    }else{
          event.returnValue=false;
    }

    5、获得页面滚动的高度

    window.onscroll=function(){
        var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
    }

    6、pageX、pageY (pageX页面坐标位置、clienetX是浏览器可视区域位置、screenX是屏幕坐标位置)

    var pageX=event.pageX,
         pageY=event.pageY;
     if(pageX===undefined){
         pageX=event.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft);
         pageY=event.clientY+(document.documentElement.scrollTop || document.body.scrollTop);
     }
  • 相关阅读:
    10月20日动手动脑
    10月20日
    10月19日
    10月18日
    10月17日
    10月16日
    10月15日
    10月14日
    jQuery选择器大全
    面试总结
  • 原文地址:https://www.cnblogs.com/xlj-code/p/7685161.html
Copyright © 2011-2022 走看看