首頁猿問 Javascript確認框，點擊取...

Javascript確認框，點擊取消不起作用，頁面仍然加載

JavaScript

智慧大石 2022-01-20 20:27:03

我有一個項目使用確認框javascript，如果用戶單擊取消然后什么都不做，但頁面仍然加載，我搜索所有關于確認框但我找不到我要找的東西，請幫助我，這里有一些代碼javascriptfunction 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>謝謝

查看完整描述

3 回答

慕桂英546537

TA貢獻1848條經驗獲得超10個贊

您必須將點擊事件“終止”到 a 標簽，為此，您必須將事件對象傳遞給OnClickNextPage函數，然后調用.preventDefault()該事件。return false;動作不影響onclick事件。

HTML

Javascript

function OnClickNextPage(event) {

var result = confirm("Are you sure ?");

if (!result) {

event.preventDefault(); // prevent event when user cancel

}

// go to page in a tag's href when user choose 'OK'

}

反對回復 2022-01-20

蝴蝶刀刀

TA貢獻1801條經驗獲得超8個贊

嘗試

function OnClickNextPage(e){

e.preventDefault();

var result = confirm("Are you sure ?");

if (!result) {

return false;

}

編輯 -

對不起，我的錯，問題是你在 href 中調用頁面加載事件，最終觸發 DOM 的優先級

像這樣試試

function OnClickNextPage(e){

e.preventDefault();

var result = confirm("Are you sure ?");

if (!result) {

return false;

} else {

window.location.href = [[Your URL Here]]

}

反對回復 2022-01-20

慕雪6442864

TA貢獻1812條經驗獲得超5個贊

您必須使用 preventDefault() 函數來阻止事件的默認行為，而不是返回 false。這是代碼

function OnClickNextPage(event){

var result = confirm("Are you sure ?");

if (!result) {

event.preventDefault();

}

反對回復 2022-01-20

3 回答
0 關注
371 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Javascript確認框，點擊取消不起作用，頁面仍然加載

Javascript確認框，點擊取消不起作用，頁面仍然加載

3 回答

添加回答

Javascript確認框，點擊取消不起作用，頁面仍然加載

Javascript確認框，點擊取消不起作用，頁面仍然加載