Question

我有一个像这样的按钮我该怎么办？

<input type="button" value="Exit" onclick="JavaScript:window.location.href='../index'"/>

退出时我将转到其他视图..

点击退出我需要显示弹出窗口，说明你确定要退出吗？使用“确定”和“取消”按钮

有人告诉我这样做吗？

感谢

Answer 1

输入：

<input type="submit" id="exitApplication" value="Exit"/>

使用jquery你可以：

$("#exitApplication").click(function(){
  var answer = confirm("Are you sure you want to exit?")
  if(!answer){
      //false when they click cancel 
      return false;
  }
});

Answer 2

<强> JavaScript的：

<input type="button" value="Exit" onclick="confirmBox()" />

function confirmBox(){
  if (confirm('Are you sure you want to Exit?')){
    window.location.href = '../index'
  }
}

<强> jQuery的：

<input type="button" value="Exit" id="exit" />

$('#exit').click(function(){
   if (confirm('Are you sure you want to Exit?')){
     window.location.href = '../index'
   }
});

Answer 3

如果你有这个......

<input type="button" value="Exit" onclick="JavaScript:window.location.href='../index'"/>

......有几种方法可以实现这一目标。

Chris和＆amp; Sarfraz解决方案有效。你还可以做的是在页面的onbeforeunload事件中添加一个确认（...）对话框。

<html>
<body> 
Click this button to go to Google's homepage.
<input type="button" value="Exit" onclick="window.location.href='http://www.google.com'"> 
<script type="text/javascript"> 
window.onbeforeunload = function() {
  return "Are you sure?";
}
</script>  
</body></html>

这将保证，不仅当用户单击“退出”按钮时，而且当他/她尝试离开页面时（例如，单击浏览器中的“后退”按钮），onbeforeunload事件将被触发，并提示用户确保他/她真的想离开页面。

如果用户说“是的，我想离开页面”，则确认（...）返回true。

如何在“退出”按钮上显示弹出消息

3 个答案: