当用户将鼠标指针移到图片上时，使用javascript自动单击图片

我的想法是当用户将鼠标指针移到图片上时，自动单击图片的脚本。请告诉我怎么做。提前谢谢你

我并不支持这样的事情。但是

el = document.getElementById('lol');
el.onmouseover = function(){el.click();}

el.onclick = function(){
    //your code for having clicked the element
}

下面是一个JSFIDLE：

但是！，为什么不把你的代码放到

onmouseover

监听器中呢？特别是看到（尽管被广泛接受）并非所有浏览器都支持

el.click（）

以下是MDN对click（）的看法：

注意到他们说：

但是，click事件的冒泡不会导致

元素 启动导航，就像收到真正的鼠标点击一样

---

这听起来像是要触发DOM事件，但在鼠标悬停在某些元素上时（在本例中为图片）

我的建议是，只要将鼠标悬停在图像上，就触发事件（鼠标onclick）。只要在你的对象上有一个事件监听器监听一个事件，一旦你检测到它，在你需要的任何元素上触发一个点击事件

看看这个：

<img id="my_image" src="myimage.png"></img>
<div id="my_clicky_div">My click event will be triggered</div>

<script type="text/javascript">
    $("#my_clicky_div").on("click", function() {
        console.log("My click event has been triggered!")
    })
    $("#my_image").on("mouseover", function() {
        $("#my_clicky_div").trigger('click');
    });
</script>

我的点击事件将被触发
$（“#my_clicky_div”）。在（“click”，function（）上{
log（“我的点击事件已触发！”）
})
$（“#我的#图像”）。在（“鼠标悬停”，函数（）上{
$（“#我的_clicky_div”）.trigger（'click'）；
});

创建一个图像标记和一个div。每当将鼠标悬停在该图像上时，就会触发div的onclick事件

为了简化此过程，您只需将需要触发的任何事件绑定到onmouseover事件上，基本上可以绕过以下步骤：

<img id="my_image" src="myimage.png"></img>
<script type="text/javascript">
    $("#my_image").on("mouseover", function() {
    // Instead of issuing another event, run the code that happens during the click event 
    });
</script>

$（“#我的#图像”）。在（“鼠标悬停”，函数（）上{
//运行click事件期间发生的代码，而不是发出另一个事件
});

让我知道这是否有帮助

参考资料：

---

，

这有什么意义？如果我不小心停在那张照片上怎么办？