怎么使js离开页面时弹出comfirm框?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么使js离开页面时弹出comfirm框?相关的知识,希望对你有一定的参考价值。

如上,js 离开页面时弹出comfirm框,提示输入框中数据改变是否保存,onunload 和 onbeforeunload都实现不了,无法弹出comfirm框,也无法自定义文字。要求兼容谷歌,IE,火狐,edge;有没有可行的思路,求大神指点 目前已经接近神经崩溃边缘。

参考技术A 监听浏览器离开页面的操作:οnbefοreunlοad
具体如下:
<body οnbefοreunlοad="goodbye()">
window.οnbefοreunlοad=function(e)
var e = window.event||e;
e.returnValue=("确定离开当前页面吗?");


不知道你说的不行是什么原因,可以贴出代码看看

怎么用js弹出提示框

一个文本框内容为空时,点击提交按钮,会弹出错误提示框,不会跳转页面。当文本框有内容时,也会弹出一个正确提示框并跳转到下个页面。我是新手,希望可以代码要完整,尽量简洁明了,可以加分。

弹出提示框一般有3种

1)alert (普通提示框)

2)prompt (可输入的提示框)

3)confirm (可选择的提示框)


下面举个例子:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<button onclick="mal()">第一种:alert</button>
<button onclick="mpro()">第二种:prompt</button>
<button onclick="mcon()">第三种:confirm</button>
<script>
    function mal()
        alert('这是一个普通的提示框');
    

    function mpro()
        var val = prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦');
        //prompt会把输入框的值返回给你
    

    function mcon()
        var boo = confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')
        //confirm 会返回你选择的选项,然后可以依据选择执行逻辑
        if(boo)
            alert('学会了,真聪明');
        else
            alert('再来一遍吧')
        
    
</script>
</body>
</html>

参考技术A <form >
<input type="text" id="text1" onsubmit="return toTojiao();"/>
</form>
<script>
function toTojiao()
var text1 = document.getElementById("text1");
if(text1.value.length == 0)
alert('内容不能为空');
return false;

return true;

</script>追问

我用html试了,不行啊,错误一样会跳转,也没有正确的提示框,我想要完整的代码,可以多加10分

追答

onsubmit="return toTojiao();" 在form表单里写这一段代码 你写了没

本回答被提问者采纳
参考技术B <input id="textbox" type="text"/>
<input type="submit" onclick="checknull();" value="提交"/>
<script>
function checknull()

if(document.getElementById("textbox").value="")

alert("不能为空");
return false;


</script>
参考技术C function a()
alert(“c”);

<td onclick=“a()”>

以上是关于怎么使js离开页面时弹出comfirm框?的主要内容,如果未能解决你的问题,请参考以下文章

如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗

怎么写程序使提交表单后弹出框显示成功或失败,页面不跳转?

ASP.NET点击提交按钮时弹出一个消息框,但是不想把fileupload控件的路径清空改怎么办?

Js下载文件时弹出浏览器的保存窗口(兼容大部分浏览器)

怎样使php在执行的时候弹出对话框,并且使当前页面不刷新。

禁用“离开网站?”关闭 Orbeon 窗体窗口时弹出