zoukankan      html  css  js  c++  java
  • 在Javascript中监听flash事件(转)

    在Javascript中监听flash事件,其实有两种做法:

    1、在特定的环境下(例如专门制作的flash),大家约定一个全局函数,然后在flash的事件中用ExternalInterface.call调用这个全局函数即可。
    2、在非特定的环境下(例如编写通用的flash插件),是不能限制用户的函数名的,所以根本无法约定全局函数;是否可以通过类似js的回调函数的形式实现事件监听呢?

    其实js与flash的通信,一般情况下可以进行一些比较简单的通信,如传递基本的数据类型、传递简单的对象、调用函数等,可是Function(即函数,回调函数肯定都是Function类的实例)不在基本的数据类型中,它是无法被传递的。

    虽然不知道还有没其他的方法可以进行传递,但至少在我自己的实验中还没办法实现。

    所以,如果是第二种情况的话,一般来说比较简单的方式就是先在flash中实现一个api,通过这个api传递某个js的全局函数名称,然后在flash的事件中调用该函数,如:

    在flash中输入下面的as代码:

    import flash.external.ExternalInterface;
     
    var events:Object = {};
    // 注册js可以调用的api
    ExternalInterface.addCallback("addEventListener", addEventListener);
     
    function addEventListener(key:String = null, value:String = null):Boolean
    {
        if (key == null || value == null) return false;
        switch (key)
        {
            case "complete":
                events.complete = value;
                return true;
            // 用类似的方式添加其他事件
        }
        return false;
    }

    然后在flash的某个事件中,调用js函数:

    import flash.events.Event;
    import flash.external.ExternalInterface;
     
    function complete_handler(event:Event):void
    {
        if (events.complete != null)
            ExternalInterface.call(events.complete);
            /*
            如果需要传递参数,请用下面这句:
            ExternalInterface.call(events.complete, 参数1, 参数2...);
            */
    }

    现在,js可以通过下面的代码监听时间了:

    // swf是你的flash object对象,自行获取吧
    swf.addEventListener("complete", complete_handler);
     
    function complete_handler()
    {
        alert("事件监听成功啦~!");
    }

    可是,上面的监听方式有个缺点,就是如果事件的参数不是固定的,参数传递会很麻烦。或者在有的情况下我还是希望用回调函数的方式来监听flash事件呢,那么可以在js中做一个事件代理:

    var flash = {
        types: {},
        event: function (type)
        {
            var listeners = this.types[type];
            if (listeners)
            {
                for (var i = 0; i < listeners.length; ++i)
                {
                    listeners[i]();
                }
            }
        },
        addEventListener: function (type, fn)
        {
            if (!this.types[type])
            {
                this.types[type] = [];
            }
            this.types[type].push(fn);
        }
    };
     
    flash.addEventListener("load", load);
    flash.addEventListener("complete", function ()
    {
        alert("加载完成~!");
    });
     
    function load()
    {
        alert("正在加载~!");
    }

    然后在flash事件中调用下面代码:

    import flash.events.Event;
    import flash.external.ExternalInterface;
     
    function load_handler(event:Event):void
    {
        ExternalInterface.call("flash.event", "load");
    }
     
    function complete_handler(event:Event):void
    {
        ExternalInterface.call("flash.event", "complete");
    }

    如果谁还有新的方法或思路,欢迎随时指教!

  • 相关阅读:
    【算法】动态规划
    【设计模式】单例模式
    Python 多元线性回归
    Python 线性回归
    惩罚项
    局部常数拟合方法 例
    微分方程是用来做什么的?
    线性回归与梯度下降法
    k近邻法
    逻辑回归与梯度下降法
  • 原文地址:https://www.cnblogs.com/coolsundy/p/4262897.html
Copyright © 2011-2022 走看看