如何使用带有 href 的锚标记的 querySelector？

Question

我正在尝试使用 dropzone 并且我有一个锚标记，我需要向它添加一个事件单击，但是我完成此操作的方式会返回错误。

网址：

<a href="#new-intervention">Criar Intervenção</a>

查询：

var myDropzone = this;

this.element.querySelector("a[href=#new-intervention]").addEventListener("click", function(e) {
  e.preventDefault();
  e.stopPropagation();
  myDropzone.processQueue();
 });

并在控制台中返回给我：

Uncaught DOMException: Failed to execute 'querySelector' on 'Element': 'a[href=#new-intervention]' is not a valid selector.

我怎样才能做到这一点？什么是替代方案？

Answer 1

错误消息已经给出了它。选择器应该是a[href='#new-intervention']. 注意值周围的单引号href。

这是显示选择器工作的简化片段：

console.log(document.querySelector("a[href='#new-intervention']"));

<a href="#new-intervention">Criar Intervenção</a>

请注意，根据规范，提供的值必须是有效标识符或字符串。