如何解決網頁不能複製的問題(網頁不能直接複製請問怎麼辦)

此賬號為華為雲開發者社羣官方運營賬號,提供全面深入的雲端計算前景分析、豐富的技術乾貨、程式樣例,分享華為雲前沿資訊動態

本文分享自華為雲社羣《表單頁面使用JS 實現禁用右鍵和複製貼上(剪下)功能原理以及操作說明》,原文作者:白鹿第一帥 。

前言

我們在專案中,通常為了保證資料安全性和保護使用者個人資訊,個別頁面需要禁用右鍵、複製、貼上以及輸入框自動填充的功能。所以在此補充和總結幾條我們開發中常用的操作方式。

一、禁用滑鼠右鍵

1.1、分析說明

通過禁用右鍵選項卡的方式來禁用複製貼上以及其他非法操作

1.2、操作原理

我們通過 JS 中的 button 事件屬性來實現滑鼠右鍵的禁用。通過彈出提示框來代替右鍵選項卡。

1.3、實現效果

1.4、實現程式碼

將下列 JS 程式碼匯入需要禁用右鍵的頁面的