JavaScript禁止右擊保存圖片,禁止拖拽圖片的實現(xiàn)代碼
更新時間：2020年04月28日 14:37:48 作者：chillylight
這篇文章主要介紹了JavaScript禁止右擊保存圖片,禁止拖拽圖片的實現(xiàn)代碼,代碼簡單易懂，非常不錯，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
下面先看下js禁止右擊保存圖片。
禁止鼠標右鍵保存圖片
<img src="" oncontextmenu="return false;">
禁止鼠標拖動圖片
<img src="" ondragstart="return false;">
文字禁止鼠標選中
<p onselectstart="return false;">文字禁止鼠標選中</p>
禁止復(fù)制文本
<p onselect="document.selection.empty();">文字禁止鼠標選中</p>
jquery禁止文本復(fù)制和拷貝
$(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);
}
到此這篇關(guān)于JavaScript禁止右擊保存圖片,禁止拖拽圖片的實現(xiàn)代碼的文章就介紹到這了,更多相關(guān)js 禁止右擊保存圖片拖拽圖片內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
微信小程序授權(quán)登錄解決方案的代碼實例（含未通過授權(quán)解決方案）
這篇文章主要介紹了微信小程序授權(quán)登錄解決方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
javascript對select標簽的控制(option選項/select)
html中的select標簽，也是asp.net中的asp:DropDownList控件,接下來介紹javascript對select標簽的控制,感興趣的朋友可以了解下，或許本文對你有所幫助2013-01-01
layui+SSM的數(shù)據(jù)表的增刪改實例(利用彈框添加、修改)
今天小編就為大家分享一篇layui+SSM的數(shù)據(jù)表的增刪改實例(利用彈框添加、修改)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Javascript 實現(xiàn)復(fù)制（Copy）動作方法大全
現(xiàn)在瀏覽器種類也越來越多，諸如 IE、Firefox、Chrome、Safari等等，因此現(xiàn)在要實現(xiàn)一個js復(fù)制內(nèi)容到剪貼板的小功能就不是一件那么容易的事了。2014-06-06
這篇文章主要給大家介紹了關(guān)于three.js引入glsl文件并高亮顯示代碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-03-03
JS實現(xiàn)的input選擇圖片本地預(yù)覽功能示例
這篇文章主要介紹了JS實現(xiàn)的input選擇圖片本地預(yù)覽功能,涉及javascript針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了利用JS來控制鍵盤的上下左右鍵示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
下面兩個小問題是樓豬在實際項目開發(fā)中遇到的，貼上來和大家討論下。2010-06-06
這篇文章主要介紹了js實現(xiàn)簡潔大方的二級下拉菜單效果代碼,涉及javascript通過鼠標事件控制頁面元素的動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)拖動滑塊效果，拖動滑塊時數(shù)字進行變化，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02