jquery长按图片进行保存

如果你想让网站上的图片可以被长按后保存,可以使用jQuery实现。

// 获取图片元素var $img = $(img);// 设置长按事件$img.on(mousedown, function(event){// 判断是否长按1秒以上setTimeout(function(){// 创建一个虚拟链接var a = document.createElement(a);// 设置链接的路径为图片的URLa.href = $img.attr(src);// 设置下载属性为图片的文件名a.download = $img.attr(alt);// 模拟点击下载链接a.click();}, 1000);});// 禁止图片的默认右键菜单$img.on(contextmenu, function(event){event.preventDefault();});

上面的代码获取所有图片元素,并设置长按事件,如果长按时间超过1秒,就会弹出下载框,让用户保存图片。同时,代码也禁止了图片的默认右键菜单,防止用户通过右键菜单保存图片,保障网站的版权。

jquery长按图片进行保存