为什么使用js和实际点击触发点击时锚的行为不同？

Question

我正在尝试使用js打开一个新标签。

$("#hello").attr("href", "https://www.youtube.com/");

setTimeout(function() {
  $("#hello")[0].click()
}, 1000);

<a id="hello" target="_blank">Hello</a>

此方法的问题是浏览器正在要求用户打开新标签页的权限。但是，当我单击该<a>标签时，浏览器正在打开新标签，而没有征得用户的许可。

为什么会发生这种行为？

小提琴链接：-https://jsfiddle.net/90chntz4/5/

我也尝试以下方法：-Allow window.open to open new window and not popup

但是它不起作用。

如何在不征得用户许可的情况下打开新标签页？