Javascript 如何添加单击图像和弹出通知，然后打开新选项卡？_Javascript

Javascript 如何添加单击图像和弹出通知，然后打开新选项卡？

javascript

Javascript 如何添加单击图像和弹出通知，然后打开新选项卡？,javascript,Javascript,我需要帮助添加单击事件显示通知，然后打开新选项卡。修改以下代码，以便用户单击图像时执行脚本中显示的功能您可以在窗口中执行此操作。打开（）函数myFunction（）{ var结果=确认（“要继续吗？”）；如果（结果）{ 控制台日志（“EVENT”）；打开（url，“U空白”）； } } 单击该按钮可打开一个新的浏览器窗口试试看 Link您想要这个吗函数myFunction（）{ var r=确认（“按下按钮！”）； if（r）{ window.open（'url'，'u bla

我需要帮助添加单击事件显示通知，然后打开新选项卡。修改以下代码，以便用户单击图像时执行脚本中显示的功能

您可以在窗口中执行此操作。打开（）

函数myFunction（）{
var结果=确认（“要继续吗？”）；
如果（结果）{
控制台日志（“EVENT”）；
打开（url，“U空白”）；
}
}


单击该按钮可打开一个新的浏览器窗口
试试看
Link

您想要这个吗

函数myFunction（）{
var r=确认（“按下按钮！”）；
if（r）{
window.open（'url'，'u blank'）；
}
}

Javascript代码


document.addEventListener（'click'，函数（e）{
如果（e.target&&e.target.id=='anchor1'）{
doSomething（）；
}
});
函数doSomething（）{
警报（“打开新选项卡”）
var win=window.open（'https://www.google.com","空白",；
}
window.onload=myFunction（）；
函数myFunction（）{
setInterval（函数（）{
document.getElementById（'imagecoin'）。innerHTML=''
},1800)
}

请分享你所做的事情。如果你不付出一些努力，你就不能乞求答案。因为id anchor1是加载后追加的，所以你不能记录。getElementById（'anchor1'））

document.querySelectorAll('img').forEach(img => {

    //img.addEventListener('click', doSomething());
    // Or

  img.addEventListener('click', function(e){

   alert('You are about to open new tab');
    window.open(this.src);

})

});

<!DOCTYPE html>
<html>
<head>
    <title></title>

</head>
<body>
    <div id="imagecoin"></div>

</body>
    <script type="text/javascript">
         document.addEventListener('click',function(e){
            if(e.target && e.target.id== 'anchor1'){
                  doSomething();
             }
         });
        function doSomething() {
            alert('Open New Tab')
            var win = window.open('https://www.google.com','_blank');
        }
    </script>
    <script type="text/javascript">
        window.onload = myFunction();
        function myFunction() {
            setInterval(function () {
                document.getElementById('imagecoin').innerHTML='<img id="anchor1" src="http://i.imgur.com/YOGdNM1.png">'
            },1800)
        }
    </script>
</html>