HTML代码
<div class="t-share">
<img name="content" id="copy_key_ios_wap" class="text" src="" alt="正在生成中..."></div>
<div class="but">长按图片保存到相册,就能分享给好友啦~</div>
JS代码
<script language="javascript">
var timeOutEvent=0;
$(function(){
$(".t-share").on({
touchstart: function(e){
timeOutEvent = setTimeout("longPress()",500);
e.preventDefault();
},
touchmove: function(){
clearTimeout(timeOutEvent);
timeOutEvent = 0;
},
touchend: function(){
clearTimeout(timeOutEvent);
if(timeOutEvent!=0){
// alert("你这是点击,不是长按");
}
return false;
}
})
});
function longPress(){
timeOutEvent = 0;
var src =$("#copy_key_ios_wap").attr("src")
var arr=src.split("t=");
// console.log(arr[1])
downloadIamge('#copy_key_ios_wap','商品分享'+arr[1]+'.jpg')
}
function downloadIamge(selector, name) {
// 通过选择器获取img元素,
var img = document.querySelector(selector)
// 将图片的src属性作为URL地址
var url = img.src
var a = document.createElement('a')
var event = new MouseEvent('click')
a.download = name || '下载图片名称'
a.href = url
a.dispatchEvent(event)
}
</script>