整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML怎么防止用戶復制?

          先,禁用 JavaScript 可以通過設置 window.disableJavascript 屬性為 true 來實現。你可以在瀏覽器的開發者工具中執行以下代碼來禁用 JavaScript:

          window.disableJavascript = true;

          然而,這種方法會徹底禁用網頁中的所有 JavaScript,包括復制、粘貼和其他交互功能,這顯然不是一個好的用戶體驗。

          然而,這種方法會徹底禁用網頁中的所有 JavaScript,包括復制、粘貼和其他交互功能,這顯然不是一個好的用戶體驗。

          相比之下,如果只想禁用頁面中某些 JavaScript 功能,可以使用以下兩種方法:

          1. 禁用特定的 JavaScript 代碼塊

          可以在頁面中標記出需要禁用的 JavaScript 代碼塊,并在用戶點擊禁用按鈕時動態地添加一個帶有 disabled 屬性的 script 標簽來禁用這些代碼塊。以下是一個示例:

          <script>
          function disableJavaScriptBlocks() {
          const blocksToDisable = document.querySelectorAll('.js-disabled');
          for (const block of blocksToDisable) {
          const script = document.createElement('script');
          script.setAttribute('disabled', 'true');
          script.textContent = block.textContent;
          block.parentNode.replaceChild(script, block);
          }
          }
          </script>
          <button onclick="disableJavaScriptBlocks()">禁用 JavaScript</button>
          <div class="js-disabled">
          這是需要禁用的 JavaScript 代碼塊。
          </div>

          這個示例中,我們定義了一個 disableJavaScriptBlocks 函數來禁用頁面中帶有 js-disabled 類的 JavaScript 代碼塊。當用戶點擊禁用按鈕時,這個函數會遍歷頁面中所有帶有 js-disabled 類的元素,并為每個元素動態地創建一個帶有 disabled 屬性的 script 標簽來禁用這些代碼塊。

          2. 替換特定的 JavaScript 函數

          如果只想禁用某個 JavaScript 函數,可以動態地替換這個函數。以下是一個示例:

          <script>
          function disableCopy() {
          const originalCopy = document.execCommand;
          document.execCommand = function(command) {
          if (command === 'copy') {
          console.log('禁止復制!');
          return false;
          }
          return originalCopy.apply(this, arguments);
          };
          }
          </script>
          <button onclick="disableCopy()">禁用復制</button>

          這個示例中,我們定義了一個 disableCopy 函數來禁用頁面中的復制功能。當用戶點擊禁用按鈕時,這個函數會動態地替換 document.execCommand 函數,如果用戶嘗試執行 copy 命令,它會輸出一條提示信息并返回 false,從而阻止復制操作。

          覽網頁時,當從A頁面點擊跳轉到B頁面后,一般情況下,可以點擊瀏覽器上的“后退”按鈕返回A頁面。

          如果進入B頁面后,B頁面想讓訪問者留下,禁止返回,是否可以實現呢?

          這簡直是要控制瀏覽器的行為,雖然有些邪惡,但確實可以實現,使用特殊的JavaScript代碼就可實現。

          方法如下:

          實現原理:

          監聽瀏覽器的popstate事件,該事件會在用戶點擊瀏覽器的回退按鈕時被觸發。

          然后,使用History.pushState()方法向當前瀏覽器會話的歷史堆棧中添加一個陷阱狀態,該狀態會使“回退”操作無效。

          JS源碼:

          <script>

          //瀏覽器返回鍵事件

          pushHistory();

          window.addEventListener("popstate", function(e) {

          //判斷移動端

          var userAgentInfo = navigator.userAgent;

          var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");

          var equipmentType = false;

          for (var v = 0; v < Agents.length; v++) {

          if (userAgentInfo.indexOf(Agents[v]) != -1) {

          equipmentType = true;

          break;

          }

          }

          if (equipmentType) {

          $("#mask-back").show();

          $("#mask-back .back-close").on("click", function() {

          $("#mask-back").hide();

          })

          }

          pushHistory(); //注,此處調用,可以讓用戶一直停留著這個頁面

          }, false);

          function pushHistory() {

          var stateeee = {

          title: "title",

          url: "#"

          };

          window.history.pushState(stateeee, "title", "#");

          }

          </script>

          測試方法:

          建立兩個文件:a.html、b.html。

          a文件內容簡單寫一句代碼:

          <a href="b.html">goto b.html</a>。

          b文件內容寫入上面的源碼。

          打開a頁面,點擊鏈接進入b頁面,這時再點擊瀏覽器上的“后退”按鈕,會發現:操作無效,無法后退。

          提升強度:

          這個黑暗的技巧,雖然使用了不常見的技術方法,但查看頁面源碼很容易發現其實現原理。

          為了保護代碼、防止代碼被分析,可以對上面的JavaScript代碼加密,加密使用JShaman。

          進入JShaman官網,貼入代碼:

          在配置中,勾選“字符串加密”:

          然后生成混淆加密的JavaScript代碼:

          復制粘貼回b文件:

          這時,代碼成為加密狀態,雖然不影響運行,是萬萬不可能了。

          avascript:禁止按鈕,3種方法實現短信驗證倒計時

          表單中經常會用到手機短信驗證或者郵箱驗證,點擊按鈕發送驗證碼后會倒計時,然后按鈕會成灰色不可點擊狀態,或者點擊無效。這可以預防不法分子或者機器刷驗證碼,下面講一下使用禁止按鈕實現短信驗證倒計時,你知道有幾種方法呢?

          禁止按鈕短信驗證

          首先來了解一下禁止按鈕的實現和原理:

          <!DOCTYPE html>

          <html>

          <head>

          <title></title>

          <meta charset="utf-8">

          <script type="text/javascript">

          window.onload = function ()

          {

          var oBtn = document.getElementById('btn');

          //禁止按鈕

          oBtn.disabled = false;

          oBtn.onclick = function ()

          {

          oBtn.disabled = true;

          alert(oBtn.value);

          }

          }

          </script>

          </head>

          <body>

          <input type="button" id="btn" value="點我試試">

          </body>

          </html>

          短信驗證

          禁止按鈕應用:短信驗證倒計時按鈕3種方法

          1、第一種方法

          <!DOCTYPE html>

          <html>

          <head>

          <title></title>

          <meta charset="utf-8">

          <script type="text/javascript">

          window.onload = function ()

          {

          var oBtn = document.getElementById('btn');

          var timer = null;

          var n = 5;

          oBtn.onclick = function ()

          {

          oBtn.disabled = true;

          timer = setInterval(function(){

          n--;

          oBtn.value = n + '秒之后重新發送';

          if (n == 0) {

          clearInterval(timer);

          oBtn.value = '5秒之后重新發送';

          oBtn.disabled = false;

          n = 5;

          }

          }, 1000);

          }

          }

          </script>

          </head>

          <body>

          <input type="button" value="5秒之后重新發送" id="btn">

          </body>

          </html>

          短線驗證按鈕倒計時方法

          2、第二中方法

          <!DOCTYPE html>

          <html>

          <head>

          <title></title>

          <meta charset="utf-8">

          <script type="text/javascript">

          window.onload = function ()

          {

          var oBtn = document.getElementById('btn');

          var timer = null;

          var n = 5;

          oBtn.onclick = function ()

          {

          this.disabled = true;

          var _this = this;

          // alert(_this);

          timer = setInterval(function(){

          // alert(_this);

          n--;

          _this.value = n + '秒之后重新發送';

          if (n == 0) {

          clearInterval(timer);

          _this.value = '5秒之后重新發送';

          _this.disabled = false;

          n = 5;

          }

          }, 1000);

          }

          }

          </script>

          </head>

          <body>

          <input type="button" value="5秒之后重新發送" id="btn">

          </body>

          </html>

          短信驗證倒計時

          3、第三種方法

          <!DOCTYPE html>

          <html>

          <head>

          <title></title>

          <meta charset="utf-8">

          <script type="text/javascript">

          window.onload = function ()

          {

          var oBtn = document.getElementById('btn');

          var timer = null;

          var n = 5;

          var flag = false;

          oBtn.onclick = function ()

          {

          if (flag) {

          return;

          }

          flag = true;

          var _this = this;

          // alert(_this);

          timer = setInterval(function(){

          // alert(_this);

          n--;

          _this.value = n + '秒之后重新發送';

          if (n == 0) {

          clearInterval(timer);

          _this.value = '5秒之后重新發送';

          flag = false;

          n = 5;

          }

          }, 1000);

          }

          }

          </script>

          </head>

          <body>

          <input type="button" value="5秒之后重新發送" id="btn">

          </body>

          </html>

          請關注鍵盤碼農,把你想知道的問題在下面留言評論,更新你想要的答案,專為你解答!


          主站蜘蛛池模板: 国产99视频精品一区| 精品中文字幕一区二区三区四区| 国产精品一区二区毛卡片| 国内精品视频一区二区三区| 成人日韩熟女高清视频一区| 无码一区二区三区| 好吊妞视频一区二区| 蜜桃传媒视频麻豆第一区| 四虎永久在线精品免费一区二区 | 亚洲.国产.欧美一区二区三区| asmr国产一区在线| 国产伦精品一区二区三区不卡| 任你躁国产自任一区二区三区| 日韩精品一区二区三区在线观看l| 国产精品日韩欧美一区二区三区| 国产激情一区二区三区| 久久精品无码一区二区三区| 无码一区二区三区免费视频| 久久精品国产第一区二区三区| 国产色综合一区二区三区 | 亚洲综合色一区二区三区小说| 亚洲日本一区二区三区在线| 中文字幕一区二区三区四区 | 亚洲蜜芽在线精品一区| 中文字幕不卡一区| 久久精品无码一区二区WWW| 久久无码人妻一区二区三区| 一区二区三区高清| 亚洲一区二区在线免费观看| 国产亚洲欧洲Aⅴ综合一区| 色欲AV无码一区二区三区| 国产精品久久无码一区二区三区网 | 精品欧洲av无码一区二区三区| 中文字幕一区精品| 中文字幕精品无码一区二区三区| 美女福利视频一区二区| 高清一区二区在线观看| 国产人妖在线观看一区二区 | 熟女少妇丰满一区二区| 丝袜人妻一区二区三区网站| 亚洲一区二区三区在线播放|