如何解决javascript-我只能从控制台中将点击功能称为按钮按钮没有点击
最近,我从一个网站上聘请了一位女士来帮助我进行特定的设计(现在找不到了)。我接受了该设计并在服务器端工作,并完成了我的Web应用程序。客户要求在图像上具有ligthbox缩放选项。我使用了很多方法,但是似乎无法从前端触发click事件,只能在浏览器控制台中使用“ image.click()”方法。这是一个html代码段:
<div class="row">
<div class="col-6" style="text-align: center; margin: auto;">
<img class="img-fluid img-thumbnail" style="cursor: pointer;"src="img-src">
</div>
</div>
<div id="lightbox" class="lightbox"><img src=""></div>
我想对多张图像进行缩放效果
Array.from($('.img-fluid')).forEach(image => {
$(image).click(function (e) {
e.preventDefault();
$('#lightbox img').attr('src',$(image).attr('src'))
$('#lightbox').toggle()
});
})
唯一可行的方法是将浏览器控制台与click方法一起使用。
关于原因的任何建议?
解决方法
HTMLElement.click()
方法模拟鼠标在元素上的点击。
因此,如果要在用户单击图像时触发事件,则正确的方法是改用onclick方法。
用户单击某个元素时,将引发
click
事件。它会在mousedown和mouseup事件之后按此顺序触发。
或者您可以添加EventListener,具体取决于您的需求。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。