您好,登錄后才能下訂單哦!
小編這次要給大家分享的是JavaScript如何實現禁止右擊保存圖片,禁止拖拽圖片,文章內容豐富,感興趣的小伙伴可以來了解一下,希望大家閱讀完這篇文章之后能夠有所收獲。
禁止鼠標右鍵保存圖片
<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, 0, 0, 0, 0, 0, false, false, false, false, 0, null); a.dispatchEvent(e); URL.revokeObjectURL(url); }
看完這篇關于JavaScript如何實現禁止右擊保存圖片,禁止拖拽圖片的文章,如果覺得文章內容寫得不錯的話,可以把它分享出去給更多人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。