模拟点击 <a> 元素而不被重定向

Question

所以我试图在此处循环遍历我的所有书签：https://supermariomakerbookmark.nintendo.net/bookmarks（您可能看不到它，因为您可能没有为帐户/课程添加书签）并取消书签他们。但是，问题在于，每次我取消对课程添加书签时，我都会重定向回我的书签页面，这会取消我从控制台运行的脚本。

我正在迭代的所有元素都有“按钮删除链接”类，如果有帮助，还设置了一个 href 元素。

我不知道如何防止这些重定向发生，希望有人能提供帮助。这是我的基本代码：

var buttons = document.getElementsByClassName("button delete link")
for(var i = 0; i < buttons.length; i++) {
   buttons.item(i).click()
}

有谁知道我做错了什么？

Answer 1

我相信你可以尝试的是：

var buttons = document.getElementsByClassName("button delete link")
for(var i = 0; i < buttons.length; i++) {

     buttons.item(i).addEventListener("click"‌​, function(event){ event.preventDefault() });
}

此代码为您的所有buttons 添加一个事件侦听器，禁止默认行为（锚定行为），然后您可以添加更多代码来执行其他操作或调用其他函数...

例子：

var buttons = document.getElementsByClassName("button delete link")
for(var i = 0; i < buttons.length; i++) {

     buttons.item(i).addEventListener("click"‌​, function(event){
                        event.preventDefault();
                        unbookmarkAcourse();
                      }
     );
}

function unbookmarkAcourse(){//*** your code...}