<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          HTML頁面 用CSS實現禁止選中、復制和右鍵

          時間:?2020-02-19閱讀:?30標簽:?復制

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

          那么我們可以通過CSS給它設置禁止選中,代碼如下:

          .icon {
          -webkit-touch-callout: none; /* iOS Safari */
          -webkit-user-select: none; /* Chrome/Safari/Opera */
          -khtml-user-select: none; /* Konqueror */
          -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently not supported by any browser */
          }

          添加禁止代碼后,該圖片就不能被選中了。


          HTML頁面內容禁止選擇、復制、右鍵

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

          <body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.empty()'>

          關鍵就在  

          oncontextmenu='return false'
          ondragstart='return false' 
          onselectstart ='return false' 
          onselect='document.selection.empty()' 
          oncopy='document.selection.empty()' 
          onbeforecopy='return false' 
          onmouseup='document.selection.empty()'

          一個更簡單的方法就是在<body>中加入如下的代碼,這樣鼠標的左右鍵都失效了。

          topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()"

          1、禁止網頁另存為:在<body>后面加入以下代碼: 

          <noscript> 
          <iframe src="*.htm"></iframe> 
          </noscript>

          2、禁止網頁內容復制.粘貼:在<body>中加入以下代碼: 

          <body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/8291

          css如何設置不可復制?

          css可以使用user-select屬性來設置不可復制,此屬性可以設置或檢索是否允許用戶選中文本,將此屬性的屬性值設置為none可以使文本不可選中。

          原生JS在網頁上復制的所有文字后面自動加上一段版權聲明

          不少技術博客有這樣的處理,當我們復制代碼的時候,會自動加上一段本信息版權為XXXX,這是怎么實現的呢?其實實現的方式很簡單,可以在我的網站頁面上綁定一個 copy 事件,當你復制文章內容的時候

          原生js實現復制內容到剪切板,兼容pc、移動端(支持Safari瀏覽器)

          在開發中經常會遇到這樣的需求,第一種就是點擊復制當前頁面的鏈接,第二種就是類似卡券的功能,需要復制密碼等等。純js實現復制文本并提示復制成功(干貨)適用所有瀏覽器

          如何設置網頁無法復制?

          javascript設置網頁無法復制的方法:在JavaScript代碼中設置禁用右鍵菜單、復制、選擇等操作,禁用Ctrl+c和Ctrl+v快捷鍵的使用,通過這種方法就可以實現網頁無法復制。

          Vue中結合clipboard實現復制功能

          首先現在Vue中引入clipboard,在需要使用的組件中import 引入clipboard.不論是單按鈕復制還是多按鈕復制,一定要在頁面加載DOM完成后先New出來具有復制功能的按鈕,如果在函數內再New那么可能會出現點擊復制按鈕兩次,才復制成功的現象

          程序員_代碼神注釋鑒賞大全(可復制粘貼)

          程序員個性注釋,讓你的代碼飛起來。一時興起就收集了以下神注釋,希望能為廣大ITer帶來快樂,以下是收集了以下神注釋,希望能為廣大程序員們帶來快樂,緩解你們工作中的壓力

          Js使用Object.assign()對象的復制、合并、封裝等操作

          Js使用Object.assign()對象的復制:Object.assign()只對頂層屬性做了賦值,Object.assign()合并/封裝等操作:具有相同屬性的其他對象覆蓋;null、undefined會被忽略;字符串會被封裝成單字符的可枚舉屬性數組

          網頁不讓用戶復制方法總匯,設置html禁止選擇,保護源碼,js禁止復制文字

          這篇文章主要講解:右鍵復制失效方法、菜單-文件-另存為-失效方法、防止查看源代碼進行復制的方法、防止頁面緩存的方法。來達到一定的代碼保護效果

          原生Js實現復制(Copy)的方法總結,execCommand和clipboardData的使用

          原生Js實現復制(Copy)的兩種方法,一種是利用 clipboardData,另外一種則是用 execCommand(),今天將統一講解一下關于他們的使用方法。

          內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權或違規,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网