&#34;你确定要离开这个页面&#34; <img/>内的javascript函数

时间:2014-09-23 06:07:48

标签: javascript php jquery html

美好的一天,

最近,我正在页面上工作,其中某个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()">

结果: 当我试图运行它时,无论是否按下是或否,弹出消息都会一直显示在屏幕上。

想想我可能会错过一些东西......任何知道如何处理它的人?

1 个答案:

答案 0 :(得分:2)

而不是全部,只需将其添加到页面的头部

window.onbeforeunload = function(){ return " are you sure! you want to leave this page"; }