兩種JS實現(xiàn)屏蔽鼠標右鍵的方法
更新時間:2020年08月20日 15:14:00 投稿:lijiao
這篇文章主要介紹了兩種JS實現(xiàn)屏蔽鼠標右鍵的方法,瀏覽者在訪問你網(wǎng)頁的時候就不能點擊右鍵,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
JS屏蔽鼠標右鍵的兩種方法,比較常用的一個JS小功能,用上這個代碼后,瀏覽者在訪問你網(wǎng)頁的時候就不能點擊右鍵了,點了也不會彈出右鍵菜單,本功能最好不要用的太多哦,有時候用戶會反感的。
代碼如下:
<html>
<head>
<title>屏蔽鼠標右鍵</title>
</head>
<body oncontextmenu=self.event.returnvalue=false>
第一種方法:在body標簽里加上oncontextmenu=self.event.returnvalue=false;
<br>
<script language="javascript">
<!--
function document.oncontextmenu()
{
return false;
}
function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}
-->
</script>
第二種方法:在body里加入onmousedown="rclick()" oncontextmenu= "nocontextmenu()"
<br>
<script language="javascript">
<!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
-->
</script>
<br>詳細情況請查看代碼。<br>
<br>現(xiàn)在點擊你的鼠標右鍵,不起作用了。
</body>
</html>
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助。
相關(guān)文章
localStorage設(shè)置有效期和過期時間的簡單方法
眾所周知前端三大緩存,cookie,sessionStorage,localStorage,下面這篇文章主要給大家介紹了關(guān)于localStorage設(shè)置有效期和過期時間的相關(guān)資料,需要的朋友可以參考下2022-02-02
Bootstrap進度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用實例詳解
這篇文章主要介紹了Bootstrap進度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用,需要的朋友可以參考下2017-04-04
微信小程序?qū)崿F(xiàn)頂部固定 底部分頁滾動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頂部固定底部分頁滾動效果,本文大概給大家分享三種解決方案,每種方案給大家詳細剖析通過代碼解析哪種方案更適合,感興趣的朋友跟隨小編一起看看吧2022-10-10
詳解基于javascript實現(xiàn)的蘋果系統(tǒng)底部菜單
本篇文章主要對基于javascript實現(xiàn)的蘋果系統(tǒng)底部菜單進行了詳細的分析說明,有助于理解和學習編寫蘋果系統(tǒng)底部菜單,相信會對大家有所幫助,下面就跟小編一起來看看吧2016-12-12

