JavaScript如何實現(xiàn)禁止右擊保存圖片,禁止拖拽圖片

發(fā)布時間：2020-07-29 14:04:37 來源：億速云閱讀：310 作者：小豬欄目：web開發(fā)

小編這次要給大家分享的是JavaScript如何實現(xiàn)禁止右擊保存圖片,禁止拖拽圖片，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

禁止鼠標(biāo)右鍵保存圖片

<img src="" oncontextmenu="return false;">

禁止鼠標(biāo)拖動圖片

<img src="" ondragstart="return false;">

文字禁止鼠標(biāo)選中

<p onselectstart="return false;">文字禁止鼠標(biāo)選中</p>

禁止復(fù)制文本

<p onselect="document.selection.empty();">文字禁止鼠標(biāo)選中</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("&#63;")[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)禁止右擊保存圖片,禁止拖拽圖片的文章，如果覺得文章內(nèi)容寫得不錯的話，可以把它分享出去給更多人看到。

向AI問一下細節(jié)

JavaScript如何實現(xiàn)禁止右擊保存圖片,禁止拖拽圖片

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽