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