模拟输入上的点击事件-JavaScript

我试图模拟点击输入标记，通过点击

anchor

标记，这样我就可以隐藏输入并将图像包装在anchor标记内

这可以使用jQuery触发器函数工作，但我不能让它只使用“普通”Javascript：

jQuery版本：

let fake=$（'.fake'）
假。单击（函数（e）{
e、 预防默认值（）；
$（'user#u avatar'）。触发器（'click'）；
})

#用户_化身{显示：无；}

使用：

---

已测试并正常工作。

document.getElementById（'user\u avatar'）。单击（）


let fake=document.querySelector（'.fake'）；
fake.addEventListener（'click'，函数（e）{
e、 预防默认值（）；
document.getElementById（'user_avatar'）。单击（）
})
用户化身{
显示：无；
}
解决这个问题根本不需要JavaScript。

只需通过设置其
不透明度：0
使输入不可见，并将两个元素绝对放置在一个公共父元素中，然后确保输入位于顶层，并且与后面的图像大小相同


#用户#化身{不透明度：0；位置：绝对；z索引：9；宽度：320px；高度：240px；}
img{位置：绝对；z索引：-1；}

document.getElementById（'user\u avatar'）如何。单击（）

？为什么不将输入样式改为图像？无耻的插件：。。。（不仅仅是像

click（）

）方法这样的输入/链接我感谢您的帮助，但这将需要更多的时间来挖掘CSS规则，因为这是一个现有的项目。谢谢在移动浏览器上不工作（safari ios13、chrome android 5）

document.getElementById('user_avatar').click();