Question

我在树枝上有这个链接：

<a href="{{ path('relation-delete', {'id': c.getCustomerId}) }}" 
   onclick="return confirm('{% trans %}relation.delete{% endtrans %}');"
   class="tip" data-original-title="Verwijder klant {{ c.getCustomerName }}">

来源中的HTML：

<a href="/app_dev.php/projects/delete/1" class="tip" 
  data-original-title="Verwijder project Lantaarn plaatsen" 
  onclick="return confirm('Verwijderen');">

<button class="btn btn-danger"><i class="fa fa-times fa-fw"></i></button></a>`

onlick确认取消按钮不会取消操作但只是继续。有人知道这个回报确认了什么？

Answer 1

你可以在一个函数中验证html元素之外的确认框，并在＆＃39; onclick＆＃39;上调用此函数。事件。像这样：

<a href="somePage" onclick="return myFunction()">My link</a>

function myFunction() {
    if (confirm("Confirm message")) {
       // do stuff
    } else {
      return false;
    }
}

Answer 2

添加event.preventDefault();修复了该问题。

这里是一个例子：

console.log('Validating...');

function confirm_delete(){
var txt;
var r = confirm("Are you sure you want to delete?");
if (r == true) {
    txt = "You pressed OK!";
} else {
    txt = "You pressed Cancel!";
    event.preventDefault();
}
console.log(txt);
}

返回确认取消按钮不起作用

2 个答案: