JavaScript禁止右擊儲存圖片,禁止拖拽圖片的實現程式碼
阿新 • • 發佈:2020-04-30
下面先看下js禁止右擊儲存圖片。
禁止滑鼠右鍵儲存圖片
<img src="" oncontextmenu="return false;">
禁止滑鼠拖動圖片
<img src="" ondragstart="return false;">
文字禁止滑鼠選中
<p onselectstart="return false;">文字禁止滑鼠選中</p>
禁止複製文字
<p onselect="document.selection.empty();">文字禁止滑鼠選中</p>
jquery禁止文字複製和拷貝
$(document).bind("contextmenu copy selectstart",function() { return false; });
jquery禁止圖片拖拽
var img=$("img"); img.on("contextmenu",function(){return false;}); img.on("dragstart",function(){return false;});
ps:js儲存圖片到手機相簿
/儲存到相簿 function savePic(){ var picurl= $("#picurl").attr("src"); //alert(picurl); savePicture(picurl); }
var triggerEvent = "touchstart"; function savePicture(Url){ var blob=new Blob([''],{type:'application/octet-stream'}); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = Url; a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0]; var e = document.createEvent('MouseEvents'); e.initMouseEvent('click',true,false,window,null); a.dispatchEvent(e); URL.revokeObjectURL(url); }
到此這篇關於JavaScript禁止右擊儲存圖片,禁止拖拽圖片的實現程式碼的文章就介紹到這了,更多相關js 禁止右擊儲存圖片拖拽圖片內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!