Javascript确认取消后停止页面刷新

Question

I have made a JavaScript function which is attached to the cancel button on of a form. The issue I am finding is that when the cancel button is pressed the page/form reloads losing the data in the text fields.

    function cancelConfirm(){
    var confirmCancel = confirm("Are you sure you wish to cancel?");
    if(confirmCancel==true)
    {
    alert("byebye");
    }
    else
    {
    return false;
    }
    };

I was just wondering how can you prevent the page from reloading after the cancel button on the confirm has been clicked? Thanks for any help you can give

Answer 1

function cancelConfirm() {
    var confirmCancel = confirm("Are you sure you wish to cancel?");
    if (confirmCancel == true) {
        alert("byebye");
        return false;// to stop postback on ok cick of confirmation popup
    }
    else {
        return false;
    }
}

Answer 2

你可以用一个简单的方法

<a href="" onclick="return confirm('Are you sure!!!!')">Delete </a>

Answer 3

What you can do is to add an onClick event and pass the event object down to it.

{onClick(e) => {
  e.preventDefault();
  //do something here
}}

A simple e.preventDefault() is what you need.