如何確認href標籤中鏈接的導航？

我使用的是管理面板的簡單鏈接，但如果用戶意外地點擊了用戶刪除的鏈接，應該有一個確認彈出窗口來對此進行仿冒。如何確認href標籤中鏈接的導航？

也許你知道一個href標籤與javascript不完全兼容。所以，我已經使用span標記爲「點擊」，但並沒有去這麼好：

這裏是鏈接的HTML代碼：

<span onclick="confirm_click();"> <a title="Delete User" href="http://www.google.com"><i class="icon-remove-sign">DELETE</i></a></span>

來源

2012-11-27 motto

什麼因素阻止你使用自己的錨？ –

你也不需要測試一個布爾對'true'，你可以簡單地使用函數confirm_click（）{return confirm（「Are you sure？」）;}' – StuperUser

嘗試...

<a title="Delete User" onclick="return confirm_click();" href="http://www.google.com"><i class="icon-remove-sign">DELETE</i></a>

...改爲。

您需要返回您的方法的值，並在onclick事件中返回false可防止默認行爲（在這種情況下，將導航到href）。

來源

2012-11-27 11:40:25 MadSkunk

謝謝你很好用 – motto

好吧，如果它解決您的問題將其標記爲答案... – Guarita

@Guarita我想先等15分鐘。這就是爲什麼不能很快接受它 – motto

-1

這個JavaScript將做的工作

function confirmDelete(delUrl) 
    { 
     if (confirm("Sample message")) 
     { 
      document.location = delUrl; 
     } 
    }

很明顯，你必須把它assing到

<a href="javascript:confirmDelete('yourPath')">Delete</a>

來源

2012-11-27 11:41:25 DonCallisto

誰downvoted至少應該說爲什麼。這工作完美。 – DonCallisto

我同意，我也不喜歡你的解決方案（對不起！），但被低估，不知道爲什麼沒有幫助。 – MadSkunk

@MadSkunk背後的個人品味，如果答案是正確的，它不值得downvote。 – DonCallisto

<body onunload="return confirm_click()">

當頁面將被卸載的確認消息提示

關於卸載事件的資源：http://www.w3schools.com/jsref/event_onunload.asp

來源

2012-11-27 11:44:34 SaidbakR

不是一個好的答案，如果頁面由於其他原因而被卸載，該怎麼辦？ – MadSkunk

這是一個通用的全球解決方案。 – SaidbakR

嘗試

<a href='/path/to/action' onclick="return confirm('Are you sure ?')">Delete</a>

來源

2012-11-27 11:44:40 lostsource

這裏是我的代碼：

<a title="Delete User" id="delete" href="http://www.google.com"><i class="icon-remove-sign">DELETE</i></a> 
<script type="text/javascript"> 
document.getElementById('delete').onclick = function(e){ 
    if(!confirm('Are you sure?')) { 
     e.preventDefault(); 
    } 
} 
</script>

，我認爲我們避免爲了使用的 'onClick' 等在HTML，使HTML和JavaScript分開

來源

2012-11-27 11:48:10

如何確認href標籤中鏈接的導航？

回答

相關問題