AddEventListener Mraid

Question

嘿，我有点晚了，但我的代码有问题..

function Orientation()
{


if ( (window.orientation == 0) || (window.orientation == 180) )//portrait
    {

        Paysage.style.visibility = "hidden";
        Portrait.style.visibility = "visible";
        mraid.removeEventListener("stateChange", mraidIsReady);
        mraid.removeEventListener("orientationchange", mraidIsReady);
        mraid.addEventListener("orientationchange", Orientation);  
        mraid.addEventListener("stateChange", Orientation);
        //var video = document.getElementById("video");
        //video.pause();

    }
if ( (window.orientation == 90) || (window.orientation == -90) )//paysages
  {
        Portrait.style.visibility = "hidden";
        Paysage.style.visibility = "visible";
        mraid.removeEventListener("stateChange", mraidIsReady);
        mraid.removeEventListener("orientationchange", mraidIsReady);
        mraid.addEventListener("orientationchange", Orientation);  
        mraid.addEventListener("stateChange", Orientation);
        //var video = document.getElementById("video");
        //video.play();
    //overlayObj.style.visibility = "";
    //var video = document.getElementById("video");
    //video.play(); 
  }
}

function doReadyCheck()
{   
    if (mraid.getState() == 'loading') 
    {   
        mraid.addEventListener("orientationchange", Orientation);  
        mraid.addEventListener("stateChange", Orientation);  
    } 
    else
    {   
        mraid.addEventListener("orientationchange", Orientation);  
        mraid.addEventListener("stateChange", Orientation);         
    }
}
doReadyCheck(); 
</script>

我的 EvetListener 总是在加载时工作，但在加载之后它就不再工作了......

顺便说一句，我有一个在 IOS 上工作的代码来阻止横向方向，但它在 Android 上不起作用，为什么？

谢谢！ :)

Answer 1

我注意到您的代码存在一些问题

1. 确保你的第一行代码是<script src="mraid.js"></script>，很可能是因为你没有将整个代码粘贴到脚本标签中。
2. 第二次检查 mraid 是否仍在加载，如果是，则监听 mraid “就绪”事件。在读取事件回调处理程序中添加其他 聆听者或任何您想做的与 mraid 相关的事情。
3. 第三，当您添加事件侦听器并使用某些回调方法，但在删除时您正在删除不同的 回调处理程序，例如如果添加此侦听器，则添加时 mraid.addEventListener("orientationchange", Orientation);then 而 删除你应该打电话 mraid.removeEventListener("orientationchange", Orientation); 而不是mraid.removeEventListener("orientationchange", mraidIsReady);
4. 第四，您不需要在每次状态更改时调用不必要的方向处理程序，只听方向更改

5. 第五，不是所有mraid都投诉SDK支持orientationchange，如果你的Ad SDK不支持那个change事件那就听

   window.addEventListener('orientationchange',Orientation);

这里是代码

<script src="mraid.js"></script>
function Orientation()
{


    if ( (window.orientation == 0) || (window.orientation == 180) )//portrait
    {

        Paysage.style.visibility = "hidden";
        Portrait.style.visibility = "visible";


    }
    if ( (window.orientation == 90) || (window.orientation == -90) )//paysages
    {
        Portrait.style.visibility = "hidden";
        Paysage.style.visibility = "visible";        
    }
}

function doReadyCheck()
{
    if (mraid.getState() == 'loading')
    {
        //Mraid is still loading so listen to ready state change
        mraid.addEventListener("ready", mraidIsReady);

    }
    else
    {
        //Mraid is already ready so do your mraid related stuff here

        //orientationchange event will only be added in case your SDK supports    orientationchange otherwise add
        //window.addEventListener("orientationchange", Orientation);
        mraid.addEventListener("orientationchange", Orientation);
        //This is not needed,why do you need to listen to stateChange as well, but its upto you if you want to do that
        //mraid.addEventListener("stateChange", Orientation);
    }
}
/**
* Mraid is ready, so add your mraid related code here
*/
function mraidIsReady(){
    //Remove the ready listener
    mraid.removeEventListener("ready", mraidIsReady);

    //Now add mraid related listeners
    //orientationchange even will only be added in case your SDK supports orientationchange otherwise add       //window.addEventListener("orientationchange", Orientation);
    mraid.addEventListener("orientationchange", Orientation);

    //I don't know if you really need to do that this is un-necessary, so   every stateChange will trigger orientation check
    //mraid.addEventListener("stateChange", Orientation);
}
doReadyCheck();