Javascript确认框，点击取消不起作用，页面仍然加载

Question

我有一个项目使用确认框javascript，如果用户单击取消，然后什么都不做，但页面仍然加载，我搜索有关确认框的所有内容，但找不到我要找的内容，请帮助我，这里有一些代码

JavaScript

function OnClickNextPage(){
  var result = confirm("Are you sure ?");
  if (!result) {
  return false;
   }
 }

html

<a href="http://localhost" data-ajax="?link1=saved-posts" onclick="return OnClickNextPage();">Test</a>

谢谢

Answer 1

您必须使用 PreventDefault() 函数来阻止事件的默认行为，而不是返回 false。这是代码

<a href="http://localhost" data-ajax="?link1=saved-posts" onclick="OnClickNextPage();">Test</a>

function OnClickNextPage(event){
  var result = confirm("Are you sure ?");
  if (!result) {
     event.preventDefault();
   }
 }