0

外部リンクをクリックしたときに確認メッセージがポップアップするようにします。うまくいきたくないのに。外部リンクをクリックしても確認ポップアップが表示されません。解決策はありますか？

Javascript コード

function warning(){
    var warning = confirm('Do you want to leave');
    if(!warning){
    alert("Staying on site");
    return false;
    } else {
        alert("Leaving site");
    return true;
    }
}

function init() {
    var warn = document.getElementsByTagName("ul");
    for(i=0; i<warn.length; i++)
        if(warn[i].className == "meny"){
            var link = document.getElementsByTagName("li");
    }
    for(i=0; i<link.length; i++){
        var links = document.getElementsByTagName("a");
        if(links[i].className == "external"){
            links.onclick = warning;
        }
    }
}

HTML コード:

<ul class="meny"">
<li><a class="external" href="https://www.mah.se">Mah</a></li>
<li><a class="external" href="https://www.google.se/">Google</a></li>
<li><a class="external" href="http://www.facebook.com/">Facebook</a></li>
<li><a class="external" href="http://www.youtube.com/">Youtube</a></li>
<li><a href="#">Digitalt</a></li>
<li><a href="#">Kultur</a></li>
<li><a href="#">Nöje</a></li>
<li><a href="#">Sport</a></li>
<li><a href="#">Familj</a></li>
<li><a href="#">Resor</a></li>
<li><a href="#">Inrikes</a></li>
<li><a href="#">Utrikes</a></li>
<li><a href="#">Jobb</a></li>
</ul>
4

2 に答える 2

3

onbeforeunloadこの動作は、イベントを処理することによってのみ実現できます。ハンドラーは、ユーザーに表示されるメッセージである文字列を返す必要があります。簡単な例:

window.onbeforeunload = function () {
    return 'are you sure you want to leave?';  
};

http://jsfiddle.net/rHkfM/

于 2013-01-28T21:43:00.620 に答える
0

コードを少し変更することをお勧めします。

function init() {
    var warn = document.getElementsByTagName("ul");
    for(i=0; i<warn.length; i++)
        if(warn[i].className == "meny"){
            var link = document.getElementsByTagName("li");
    }
    var links = document.getElementsByTagName("a");
    for(i=0; i<link.length; i++){
        if(links[i].className == "external"){
            links.external = true;
        }
    }
}

それから加えて：

window.onbeforeunload = function (event) {
    if (event.srcElement.external)
        return 'are you sure you want to leave?';  
};

この行に注意してください：

    var links = document.getElementsByTagName("a");

ループの外にある必要があります。

于 2013-01-28T21:54:43.850 に答える