javascript - 如何检查单击时不起作用的按钮元素上的侦听器？

Question

早些时候，我遇到了嵌套 b-input 的事件修饰符无法正常运行的问题。因为我点击了一个组件，所以我不得不插入一个.native这样的：

      b-dropdown(text="Actions")
        b-dropdown-item(:href='settlementPdf' target='_blank') Download PDF
        b-dropdown-item
          b-form(inline)
            .row
              .col
                b-input(v-model='checkNumber' @click.native.stop='' placeholder="#123")
                b-button(:href='printCheck' variant="primary" target='_blank') Print Check

我现在的问题是单击时b-button右下方b-input不再起作用。如何解决此问题并看到不再有侦听器在侦听单击事件？我认为这是问题所在，但如果我错了，请纠正/指导我！

我正在寻找一种give a man a fish and feed him for a day; teach a man to fish and feed him for a lifetime答案。我可以使用 chrome 开发工具查看在该按钮元素上监听的事件类型吗？

标签： javascripthtmlvue.jsgoogle-chrome-devtools

Answer 1

右键单击该元素，然后从菜单中选择以在DevToolsInspect的选项卡中找到该元素。Elements

然后转到Event Listeners侧边栏中的选项卡，然后展开click侦听器。您还可以取消选中“祖先”复选框，这样您就只能看到直接附加到该元素的侦听器，而不是包含元素的侦听器（由于冒泡而接收事件）。