Tomickigrzegorz 脚本搜索自动完成

Question

嗨，我尝试使用 tomickigrzegorz 的自动完成脚本

https://tomickigrzegorz.github.io/autocomplete/

它工作得很好，但我不明白为什么带有 href 外部链接（如 https://google.com）的标签不起作用。

我的脚本复杂测试和示例代码：

<div class="info">
              <h4><a  href='https://breakingbadapi.com/' target='_blank'>${el.name}</a></h4>
              <div><b>nickname:</b> - <a class='link-to-api' href="https//google.com" target="_self">${el.nickname}</a></div>
              <div><b>birthday:</b> - ${el.birthday}</div>
              <div><b>status:</b> - ${el.status}</div>
</div>

在搜索结果中，我可以复制链接，但仅单击....

不起作用

我查看了脚本、CSS，但没有看到为什么链接被阻止。

有人有解决办法吗？

谢谢你。谢谢。

Answer 1

代码

中有一个preventDefault()，它会阻止链接工作

您可以使用

onclick

绕过此问题

<a  href='' onclick="window.open('https://breakingbadapi.com/', '_blank')">${el.name}</a>