黑马程序员技术交流社区

标题: JS的经典实例 [打印本页]

---

作者: 爱编码的J    时间: 2020-12-12 14:23
标题: JS的经典实例
一、跨浏览器事件
1、跨浏览器添加事件

[JavaScript] 纯文本查看 复制代码

//添加事件

    function addEvent(obj, type, fn) {

        if (obj.addEventListener) {

            obj.addEventListener(type, fn, false);

        } else if (obj.attachEvent) {     //IE

            obj.attachEvent('on' + type, fn);

        }

    }

2、跨浏览器移除事件

[JavaScript] 纯文本查看 复制代码

/跨浏览器移除事件

    function revomeEvent(obj, type, fn) {

        if (obj.removeEventLister) {

            obj.removeEventLister(type, fn, false)

        } else if (obj.detachEvent) {

            obj.detachEvent('on' + type, fn)

        }

    }

//跨浏览器移除事件

    function revomeEvent(obj, type, fn) {

        if (obj.removeEventLister) {

            obj.removeEventLister(type, fn, false)

  

3、跨浏览器阻止默认行为

[JavaScript] 纯文本查看 复制代码

//跨浏览器组织默认行为

    function preDef(ev) {

        var e = ev || window.event;

        if (e.preventDefault) {

            e.preventDefault();

        } else {

            e.returnValue = false;

        }

    }

4、跨浏览器获取目标对象

[JavaScript] 纯文本查看 复制代码

//跨浏览器获取目标对象

    function getTarget(ev) {

        if (ev.target) {    //w3c

            return ev.target;

        } else if (window.evnet.srcElement) {   //IE

            return window.event.srcElement;

        }

    }

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2