如果你想讓網(wǎng)站上的圖片可以被長按后保存,可以使用jQuery實(shí)現(xiàn)。
// 獲取圖片元素 var $img = $('img'); // 設(shè)置長按事件 $img.on('mousedown', function(event){ // 判斷是否長按1秒以上 setTimeout(function(){ // 創(chuàng)建一個(gè)虛擬鏈接 var a = document.createElement('a'); // 設(shè)置鏈接的路徑為圖片的URL a.href = $img.attr('src'); // 設(shè)置下載屬性為圖片的文件名 a.download = $img.attr('alt'); // 模擬點(diǎn)擊下載鏈接 a.click(); }, 1000); }); // 禁止圖片的默認(rèn)右鍵菜單 $img.on('contextmenu', function(event){ event.preventDefault(); });
上面的代碼獲取所有圖片元素,并設(shè)置長按事件,如果長按時(shí)間超過1秒,就會彈出下載框,讓用戶保存圖片。同時(shí),代碼也禁止了圖片的默認(rèn)右鍵菜單,防止用戶通過右鍵菜單保存圖片,保障網(wǎng)站的版權(quán)。