QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2112|回复: 0

[HTML/CSS/JS] JavaScript 经典实例源码之跨浏览器事件

[复制链接]

等级头衔

积分成就    金币 : 2861
   泡泡 : 1516
   精华 : 6
   在线时间 : 1320 小时
   最后登录 : 2025-6-27

丰功伟绩

优秀达人突出贡献荣誉管理论坛元老活跃会员

联系方式
发表于 2020-8-29 08:02:00 | 显示全部楼层 |阅读模式
1、跨浏览器添加事件4 ?( C$ n1 ?# j9 p3 t% `9 R
//跨浏览器添加事件
    function addEvent(obj,type,fn){
        if(obj.addEventListener){
            obj.addEventListener(type,fn,false);
        }else if(obj.attachEvent){//IE
            obj.attchEvent('on'+type,fn);
        }
    }
2、跨浏览器移除事件
. N$ r9 T# b% D; c0 c+ ]! v1 ?
//跨浏览器移除事件
function removeEvent(obj,type,fn){
    if(obj.removeEventListener){
        obj.removeEventListener(type,fn,false);
    }else if(obj.detachEvent){//兼容IE
        obj.detachEvent('on'+type,fn);
    }
}
3、跨浏览器阻止默认行为- _! y0 e* F* @; D/ V1 X
//跨浏览器阻止默认行为
    function preDef(ev){
        var e = ev || window.event;
        if(e.preventDefault){
            e.preventDefault();
        }else{
            e.returnValue =false;
        }
    }
4、跨浏览器获取目标对象/ [- f' V$ m% x( V- b
//跨浏览器获取目标对象
function getTarget(ev){
    if(ev.target){//w3c
        return ev.target;
    }else if(window.event.srcElement){//IE
        return window.event.srcElement;
    }
}
5、跨浏览器获取滚动条位置2 n/ C' w) g' N6 B5 m1 c% A
//跨浏览器获取滚动条位置,sp == scroll position
    function getSP(){
        return{
            top: document.documentElement.scrollTop || document.body.scrollTop,
            left : document.documentElement.scrollLeft || document.body.scrollLeft;
        }
    }
6、跨浏览器获取可视窗口大小
6 S# O4 D2 |* t0 z( @4 d" Y
//跨浏览器获取可视窗口大小
          function  getWindow () {
            if(typeof window.innerWidth !='undefined') {
                return{
                    width : window.innerWidth,
                    height : window.innerHeight
                }

            } else{
                return {
                    width : document.documentElement.clientWidth,
                    height : document.documentElement.clientHeight
                }
            }
        },
; N( Y' M9 P/ R2 n" f' B
4 d2 Z. e4 ~: m& b* S
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|paopaomj.COM ( 渝ICP备18007172号|渝公网安备50010502503914号 )

GMT+8, 2025-6-28 15:26

Powered by paopaomj X3.5 © 2016-2025 sitemap

快速回复 返回顶部 返回列表