mraid - 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では動作しません。なぜですか?

ありがとう！:)

score 0 · Accepted Answer

あなたのコードにいくつか問題があることに気付きました

コードの最初の行がであることを確認してください。<script src="mraid.js"></script>おそらく、script タグ内にコード全体を貼り付けていないためです。
次に、mraid がまだロードされているかどうかを確認します。ロード中の場合は、mraid の「ready」イベントをリッスンします。そして、読み取りイベントのコールバックハンドラー内で、他のリスナーや、mraid 関連でやりたいことを追加します。
3 番目に、イベントリスナを追加し、特定のコールバックメソッドを使用しているが、削除中に別のコールバックハンドラを削除している場合。たとえば、追加中にこのリスナを追加する mraid.addEventListener("orientationchange", Orientation);と、削除中に呼び出す必要が mraid.removeEventListener("orientationchange", Orientation); あります。mraid.removeEventListener("orientationchange", mraidIsReady);
第 4 に、状態が変化するたびに Orientation ハンドラーを不要に呼び出す必要はなく、orientationchange のみをリッスンします。
第 5 に、すべての mraid 苦情 SDK が orientationchange をサポートしているわけではありません。Ad SDK がその変更イベントをサポートしていない場合は、リッスンします。

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();

mraid - AddEventListener Mraid

1 に答える 1

Related

Reference