Question

我有这个链接：

<p id="accept-favor"><a title="Accept this Favor" href="?wp_accept_favor=<?php comment_ID(); ?>">Accept this Favor</a></p>

我想在用户点击它时显示一个JavaScript警告框：“您确定要接受此回复作为您的帮助吗？”使用两个按钮，一个说“是”，这将允许该功能运行，另一个说“否”，它将取消回发并使用户保持在页面上。

我该怎么做？谢谢:)）

Answer 1

您可以通过确认onclick轻松完成：

<p id="accept-favor"><a title="Accept this Favor" 
  href="?wp_accept_favor=<?php comment_ID(); ?>" 
  onclick="return confirm('Are you sure you would like to accept this reply as your favor?');"
  >Accept this Favor</a></p>

虽然这会说OK / Cancel而不是Yes / No。如果你真的想要是/否，你将不得不使用自定义对话框。

Answer 2

您可以撰写onclick="return confirm('Are you sure?');"。

如果用户点击“确定”，则confirm function会显示“确定/取消”对话框并返回true。来自return处理程序的false onclick将取消点击的默认操作。

Answer 3

您可以使用此功能：

myFunction() {
     var x;
     if (confirm("Are you sure?") == true) {
         x = "You pressed OK!";
     } else {
         x = "You pressed Cancel!";
     }
     return x; 
}
myFunction();

Answer 4

当其他答案谈到直接 onclick 时，我想使用addEventListener和{{1}为“更好”（IMO =在我看来）版本提供解决方案} 方法。因为这样您可以绑定更多单击处理程序。

<强> HTML

preventDefault

<强>的JavaScript

<a href="#" id="confirmClickActionElementId">click me</a>

小提琴：http://jsfiddle.net/ouyf86ya/

...或旧的“document .getElementById("confirmClickActionElementId") .addEventListener("click", function( e ){ //e => event if( ! confirm("Do you really want to do this?") ){ e.preventDefault(); // ! => don't want to do this } else { //want to do this! => maybe do something about it? alert('Ok, lets do this!'); } });”方式：

return

小提琴：http://jsfiddle.net/y2jLpkbb/

按下按钮确认的JavaScript警告框

4 个答案: