在用户单击菜单项JavaScript本机之前，显示模态弹出

Question

我需要在本机JavaScript中放置模态，以告诉用户"您将要离开销售页面"。如果用户单击Page-eapher类中的菜单项，那将会发生这种情况。因此，如果用户想单击菜单链接，将出现模式，如果用户接受停留时间，则将留下，如果不是，他将离开他单击的链接。

function myFunction() {
    var x = document.getElementsByClassName("page-header");
    if(x == true){
        return "Are you sure you want to navigate away from this page?nAll unsaved changes will be lost.";
    }
} 

<ul class="page-header">
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul> 

Answer 1

请在此处检查，可能是您正在寻找。plunker demo

$(document).ready(function(){
    $('#backPage').on('click',function(){
      var userConfirmation = confirm("Your data may be lost");
      if(userConfirmation){
        return window.location.href="index.html";
      }else
        return false;
    });
 });