在 Chrome 开发人员中调试 "click" 事件

Question

是否可以在执行点击事件时在Chrome开发人员中进行调试？我可以看到 addEventListener 已创建，但在单击该元素后我看不到它的发生。

if (storedEntry !== '') {
        element.addEventListener('click', (event) => {
            event.preventDefault();
            sessionStorage.removeItem(storageKey);
            document.location.href = storedEntry;
        });

我尝试设置断点并调试，但它只是跳过了块 element.addEvenListener。

Answer 1

在进行调试时，您需要进入检查视图/源代码，单击要调试的文件并将断点放置在 javascript 函数或编写调试器上；在你的代码之前保持在那个位置。

在 Chrome 开发人员中调试 "click" 事件

Debug "click" event in Chrome develioper

google-chrome-devtools