html頁面遮蔽左右鍵

2021-07-29 11:51:09 字數 817 閱讀 6153

<

body οncοntextmenu="return false"

>

這裡,定義了oncontextmenu。使得右鍵的值為false,起到了遮蔽右鍵的效果。現在,再試試看剛才的破解方法,已經不行了。左右鍵連擊已經不能再開啟右鍵選單。不但是這個,再試試看其他的方法。無論你怎樣的亂點,右鍵都沒有用。因為在這個網頁裡,右鍵已經不存在了。對於乙個不存在的功能鍵,你又能做什麼呢?

但是,遮蔽了右鍵還不能解決問題。如果我要複製一段文字,或是一張。那麼,把它選中後用ctrl+c 再用 ctrl+v不就可以複製貼上了嘛。對了,接下來要講的,就是遮蔽左鍵(什麼?遮蔽左鍵?那這個網頁不就差不多廢掉了?別急,沒說完呢,左鍵只有一項功能是很討厭的)的選定功能。 

那麼,如上所說,用js來遮蔽是沒有用的,治標不治本的。那麼,我們就還用網頁的最基礎的語言:html來定義吧。還是老招數,定義〈body〉。這次用的引數是:onselectstart。就是左鍵選定的引數。**如下: 

<

body

onselectstart

="return false"

>

這樣,左鍵選定功能就給輕易遮蔽了。原理和上面的一樣。現在,再用你的左鍵選擇任意內容把,已經沒有用了。自然也不能ctrl + c,ctrl +v了。那麼,現在我們來把這兩部分合併起來。徹底控制左右鍵!: 

<

body

οncοntextmenu="return false"

onselectstart

="return false"

>

>

js遮蔽右鍵

下面的直接插入到頁面中即可 js遮蔽 jscript code body marginwidth 0 marginheight 0 nc ntextmenu return false ndragstart return false onselectstart return false nselect...

禁止 遮蔽 滑鼠右鍵

body oncontextmenu return false onselectstart return false ondragstart return false onbeforecopy return false onmouseup document.selection.empty oncop...

滑鼠左 右鍵失靈

在我的實際需求中要求乙個可移動的canvas,因此我在在canvas外層加了個自己實現的可移動的彈窗父元件。要求右鍵移動彈窗,左鍵塗鴉,同時遮蔽右鍵選單欄。父元件 當右鍵被按下時,執行拖拽操作 實現移動端拖拽 down else this position.x touch.clientx this ...