JavaScript確認框工作錯誤

Question

大家好，我在angular js工作，我想在單擊Delete按鈕時添加確認消息

我嘗試了這段代碼：

<a data-ng-click="removeTodo(this)" href="javascript:;"
onclick="javascript:return confirm('Are you sure you want to delete ?')">Delete</a>

這將顯示確定並帶有確認框的“取消” 按鈕 ，如果我單擊“ 確定”按鈕，它將進入下一個過程，但是如果我單擊“ 取消”按鈕，則與進入同一過程的確認框相同，確認框未隱藏（ 確定按鈕將返回true，但與取消按鈕相同，將返回true而不是false）

但是當我在單擊刪除按鈕時使用以下代碼時，它的工作效果很好

 $scope.removeTodo = function (Student) {
        if (!confirm("Do you want to delete this ? ")) {
            return false;
        }

   //please think , I added Some code for next process in here 
};

問題是什么 ？ 我錯過了什么？ 為什么我的第一個代碼不起作用？

Answer 1

這是因為return false等同於阻止默認操作並阻止事件傳播-這將阻止執行附加到祖先元素的處理程序...但是在您的情況下，兩個click處理程序都附加到了同一元素。

因此，即使確認返回false，也將執行有角單擊處理程序。