js模拟页面点击事件下载图片

最新推荐文章于 2025-07-24 09:07:29 发布

原创最新推荐文章于 2025-07-24 09:07:29 发布 · 392 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #javascript

收录于

实用分享专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了如何通过JavaScript实现模拟点击事件来下载图片。首先获取图片元素，然后创建一个`<a>`标签，设置其`download`属性和`href`属性为图片的URL，最后触发模拟的点击事件来下载图片。这种方法对于前端开发者来说，是一种实现图片下载功能的有效方式。

通过js模拟点击事件

function downloadImg(){
        var img = document.getElementById('girlImg'); // 获取要下载的图片
        var url = img.src;                            // 获取图片地址
        var a = document.createElement('a');          // 创建一个a节点插入的document
        var event = new MouseEvent('click')           // 模拟鼠标click点击事件
        a.download = 'beautifulGirl'                  // 设置a节点的download属性值
        a.href = url;                                 // 将图片的src赋值给a节点的href
        a.dispatchEvent(event)                        // 触发鼠标点击事件
     }