h5設定網頁不能選中,複製等操作,防被趴!

2021-08-28 19:49:27 字數 1044 閱讀 3210

最近在寫頁面的時候,需要在左上角加乙個logo,但是複製的時候會把這張一塊選中。

那麼我們可以通過css給它設定禁止選中,**如下:

.icon
新增禁止**後,該就不能被選中了。

html頁面內容禁止選擇、複製、右鍵

剛才在乙個站點的源**的的時候發現的,其實原來真的很簡單

關鍵就在  

οncοntextmenu='return false'

οndragstart='return false' 

onselectstart ='return false' 

οnselect='document.selection.empty()' 

οncοpy='document.selection.empty()' 

onbeforecopy='return false' 

οnmοuseup='document.selection.empty()'

乙個更簡單的方法就是在中加入如下的**,這樣滑鼠的左右鍵都失效了。

topmargin="0" οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false" οnmοuseup="document.selection.empty()"
1、禁止網頁另存為:在後面加入以下**: 

2、禁止網頁內容複製.貼上:在中加入以下**: 

H5複製貼上

需求 自動複製一段內容到剪下板,讓使用者可以在其他客戶端貼上 發小廣告做推廣經常要用吧 是個很好用的物件,但是 只在ie才有,ie被吐糟了一萬年,才發現他有個不錯的地方.ie即將退出歷史,找點其他的吧.是乙個不錯選擇,但是他還是借助的flash實現的 本人討厭flash,棄之.這個還是算了吧,一點都...

h5網頁開發

如果使用vue框架,不足 過渡不行,會出現 使用v html或v cloak解決,注意 務忘記需要分頁的頁面是否需要跳轉前有資料更新需要先修改頁面顯示再跳轉防止返回時的顯示錯誤 如 未讀列表進入詳情,返回後應該是已讀 常見問題 儲存資料不完整導致切換時資料丟失 在進入支付頁前需清除之前遺留資料防止出...

設定 HTML網頁內容設定不能複製

body 裡面 加上這個就不能複製了 nc py document.selection.empty onbeforecopy return false nm useup document.selection.empty nm usem ve hidemenu 隱藏選單 oncontextmenu 右...