美好的一天,
最近,我正在页面上工作,其中某个button
(图像图标类似于退出页面的按钮)位于其角落的右上方。
<img src="img/logout.png">
一旦用户点击此button/icon
,屏幕上会显示弹出消息提示&#34;您确定要离开此页吗?是的|不#34;与stackoverflow类似。如果用户单击是,则他/她将被定向到另一页;如果不是,那么他/她将被带回他/她进入的当前页面。但我不知道如果这可以在<img>
标签上运行。无论如何,Iv尝试运行这个ff。代码:
的index.php
var answer = confirm("Are you sure you want to leave this page?");
if(answer){
window.location =("dashboard.php");
}
else{
window.location =("index.php");
}
然后我将函数调用放在<img>
标记内,如下所示:<img src="img/logout.png" onMouseUp="answer()">
结果: 当我试图运行它时,无论是否按下是或否,弹出消息都会一直显示在屏幕上。
想想我可能会错过一些东西......任何知道如何处理它的人?
答案 0 :(得分:2)
而不是全部,只需将其添加到页面的头部
window.onbeforeunload = function(){ return " are you sure! you want to leave this page"; }