快捷導(dǎo)航

兩種JS實(shí)現(xiàn)屏蔽鼠標(biāo)右鍵的方法

更新時(shí)間：2020年08月20日 15:14:00 投稿：lijiao

這篇文章主要介紹了兩種JS實(shí)現(xiàn)屏蔽鼠標(biāo)右鍵的方法，瀏覽者在訪問(wèn)你網(wǎng)頁(yè)的時(shí)候就不能點(diǎn)擊右鍵，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

JS屏蔽鼠標(biāo)右鍵的兩種方法，比較常用的一個(gè)JS小功能，用上這個(gè)代碼后，瀏覽者在訪問(wèn)你網(wǎng)頁(yè)的時(shí)候就不能點(diǎn)擊右鍵了，點(diǎn)了也不會(huì)彈出右鍵菜單，本功能最好不要用的太多哦，有時(shí)候用戶會(huì)反感的。

代碼如下:

<html>
<head>
<title>屏蔽鼠標(biāo)右鍵</title>
</head>
<body oncontextmenu=self.event.returnvalue=false>
第一種方法：在body標(biāo)簽里加上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>詳細(xì)情況請(qǐng)查看代碼。<br>
<br>現(xiàn)在點(diǎn)擊你的鼠標(biāo)右鍵，不起作用了。
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

localStorage設(shè)置有效期和過(guò)期時(shí)間的簡(jiǎn)單方法
眾所周知前端三大緩存,cookie,sessionStorage,localStorage,下面這篇文章主要給大家介紹了關(guān)于localStorage設(shè)置有效期和過(guò)期時(shí)間的相關(guān)資料,需要的朋友可以參考下
2022-02-02
JS數(shù)組排序方法實(shí)例分析
這篇文章主要介紹了JS數(shù)組排序方法,結(jié)合實(shí)例形式分析了javascript數(shù)組冒泡排序與選擇排序原理及實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-12-12
Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用實(shí)例詳解
這篇文章主要介紹了Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用,需要的朋友可以參考下
2017-04-04
js 如何刪除對(duì)象里的某個(gè)屬性
這篇文章主要介紹了js 如何刪除對(duì)象里的某個(gè)屬性，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
js控制div彈出層實(shí)現(xiàn)方法
這篇文章主要介紹了js控制div彈出層實(shí)現(xiàn)方法,可實(shí)現(xiàn)點(diǎn)擊鏈接彈出div浮動(dòng)層,且背景色變暗的效果,是一款非常實(shí)用的特效源碼,需要的朋友可以參考下
2015-05-05
使用JavaScript 實(shí)現(xiàn)的人臉檢測(cè)
這篇文章主要介紹了使用JavaScript 實(shí)現(xiàn)的人臉檢測(cè)的方法和實(shí)例，非常的不錯(cuò)，這里推薦給大家，有需要的小伙伴參考下。
2015-03-03
微信小程序?qū)崿F(xiàn)頂部固定底部分頁(yè)滾動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頂部固定底部分頁(yè)滾動(dòng)效果，本文大概給大家分享三種解決方案，每種方案給大家詳細(xì)剖析通過(guò)代碼解析哪種方案更適合，感興趣的朋友跟隨小編一起看看吧
2022-10-10
微信公眾號(hào)H5支付接口調(diào)用方法
這篇文章主要介紹了微信公眾號(hào)H5支付接口調(diào)用方法，微信內(nèi)H5調(diào)用支付接口代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-01-01
詳解基于javascript實(shí)現(xiàn)的蘋(píng)果系統(tǒng)底部菜單
本篇文章主要對(duì)基于javascript實(shí)現(xiàn)的蘋(píng)果系統(tǒng)底部菜單進(jìn)行了詳細(xì)的分析說(shuō)明，有助于理解和學(xué)習(xí)編寫(xiě)蘋(píng)果系統(tǒng)底部菜單，相信會(huì)對(duì)大家有所幫助，下面就跟小編一起來(lái)看看吧
2016-12-12
添加JavaScript重載函數(shù)的輔助方法2
話說(shuō)，人就是要被關(guān)注才有動(dòng)力啊于是修改了下上次寫(xiě)的《添加JavaScript重載函數(shù)的輔助方法》在添加方法的時(shí)候增加了一個(gè)參數(shù) 用于限制參數(shù)的類型。
2010-07-07