-->

“你确定要离开这个页面吗?”对于取消和OK功能(“Are you sure you want to

2019-07-19 19:36发布

我试图在那里你离开做一些类似网站的东西,它会显示一个弹出说:“你确定要离开这个页面”,并与两个选项说“取消”和“OK”。

我该怎么做,使它所以当你点击“取消”,它会仅仅是取消框,当他们点击“确定”它会做一个“leaveChat();” 功能和离开网站?

我一直在使用这是工作onbeforeunload试过,但我不知道在功能部件。

谢谢您的帮助!

Answer 1:

有没有办法做到这一点。

你可以尝试发送在AJAX请求onunload ,但我不认为这会可靠地工作。



Answer 2:

要弹出当用户离开页面,确认离开的消息,你只是做:

<script>
    window.onbeforeunload = function(e) {
      return 'Are you sure you want to leave this page?  You will lose any unsaved data.';
    };
</script>

要调用一个函数:

<script>
    window.onbeforeunload = function(e) {
       callSomeFunction();
       return null;
    };
</script>


Answer 3:

这里是我的html

<!DOCTYPE HMTL>
<meta charset="UTF-8">
<html>
<head>
<title>Home</title>
<script type="text/javascript" src="script.js"></script>
</head>

 <body onload="myFunction()">
    <h1 id="belong">
        Welcome To My Home
    </h1>
    <p>
        <a id="replaceME" onclick="myFunction2(event)" href="https://www.ccis.edu">I am a student at Columbia College of Missouri.</a>
    </p>
</body>

所以这是我没有类似的东西在JavaScript

var myGlobalNameHolder ="";

function myFunction(){
var myString = prompt("Enter a name", "Name Goes Here");
    myGlobalNameHolder = myString;
    if (myString != null) {
        document.getElementById("replaceME").innerHTML =
        "Hello " + myString + ". Welcome to my site";

        document.getElementById("belong").innerHTML =
        "A place you belong";
    }   
}

// create a function to pass our event too
function myFunction2(event) {   
// variable to make our event short and sweet
var x=window.onbeforeunload;
// logic to make the confirm and alert boxes
if (confirm("Are you sure you want to leave my page?") == true) {
    x = alert("Thank you " + myGlobalNameHolder + " for visiting!");
}
}


文章来源: “Are you sure you want to leave this page?” functions for cancel and OK