インラインおよび外部JSとの結果が異なる "返品確認"

Question

私は自分のWebアプリケーションにリンクを持っています。これはユーザーがリンクへのアクセスを確認する必要があります。

だから、これは私のために正常に動作します：

<a href="/danger/" onclick="return confirm('Are you sure?');"> Danger (Inline JS)</a> 

私はキャンセルしたり、受け入れることができアラートを、プロンプトが表示されています。私がリンクをキャンセルした場合、私はリンクがアクセスされたことを受け入れる場合はアクセスされません。

しかし、すべてのインラインJSをファイルに移動したいと思います。

dangerConfirm.js：

function requestDangerConfirm(){ 
    return confirm('Are you sure?'); 
} 

mySite.html：

<a href="/danger/" onclick="requestDangerConfirm()"> Danger </a> 
<script type="text/javascript" src="~/dangerConfirm.js'%}"></script> 

私は再び警告ボックスを促したんだけど、私は何を選ぶかに関係なく、リンクがアクセスされました。

これはどうやって違いますか？インラインJSの動作を外部ファイルでどのように再現できますか？

Answer 1

returnがありません。 javascriptは、インラインまたは外部javascriptファイルであれば、あなたの関数から意思決定を行いませonclick。彼らに復帰.without onclick="return requestDangerConfirm()"

前と同じクリックイベントを変更します。

function requestDangerConfirm() { 
 
    return confirm('Are you sure?'); 
 
}

<a href="/danger/" onclick="return requestDangerConfirm()"> Danger </a>

依然として存在している理由たよりドムは_

document.getElementById('href').addEventListener('click', function() { 
 
    if (confirm('Are you sure?')) { 
 
    window.location.href = '/your url to redirect/' 
 
    } else { 
 
    return false; 
 
    } 
 
})

<a href="javascript: void(0)" id="href"> Danger </a>