1. 程式人生 > >html網頁表單中禁用複製、右鍵、貼上、剪下等方法

html網頁表單中禁用複製、右鍵、貼上、剪下等方法

在網頁開發中,有些時候我們不想讓使用者去複製或者貼上該網頁的東西,那麼下面的幾個方法就非常有用了,貢獻給大家!

//遮蔽右鍵選單
document.oncontextmenu = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}


//遮蔽貼上
document.onpaste = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}


//遮蔽複製
document.oncopy = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}


//遮蔽剪下
document.oncut = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}


//遮蔽選中
document.onselectstart = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    } catch (e) {
        return false;
    }
}

網頁退出提示的方法:

window.onbeforeunload = function(event){
            event = event || window.event;
            event.returnValue = ' ';
    }

移動端中,遮蔽類似iphone的預設滑動事件用一下方法:

//禁用瀏覽器的預設滑動事件
    var preventBehavior = function(e) {
        e.preventDefault();
    };
    // Enable fixed positioning
    document.addEventListener("touchmove", preventBehavior, false);



相關推薦

html網頁禁用複製貼上下等方法

在網頁開發中,有些時候我們不想讓使用者去複製或者貼上該網頁的東西,那麼下面的幾個方法就非常有用了,貢獻給大家! //遮蔽右鍵選單 document.oncontextmenu = function (event){ if(window.event){

HTML——form常用標簽總結

radio led ext only pin sta word htm and 1 <form action="" method="get"> 2 <!-- 3 placeholder="請輸

HTML formaction的正確寫法

mapping oca http context java ica 現在 ont ext   我的Java Web Application的context是myweb,即http://localhost:8080/myweb/index.jsp是歡迎頁。   現在我的一個C

趴一趴如何用最簡單的方式從html form獲取到資料

最近網速一直不太好 ~~~不開心 本文采用的是最簡單的方式,僅供自己試驗,畢竟存在一些不安全因素。 看了其他好的的方式發現都太麻煩,所以自己總結下。 是這樣的:input.html頁面中有一段程式碼。

在學習HTML——form的label標籤時的一點小體會

在我啃了一遍書本之後,開始了在慕課看視訊的過程,從最開始的HTML+CSS的基礎課程看起,在第5-9小節講到了form表單的label標籤,          首先看一下慕課的講解:        label 標籤不會向用戶呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用

HTMLform回車就提交的text一點選就提交的button

先上一段看似很簡單HTML程式碼: <!doctype html> <html> <body> <form action="2.html" method="post"> <input type=

html的name屬性和value屬性

標簽 put -s tex 什麽 input 例子 htm use 舉例: 比如<input type="text" name=" username" value="aa">女孩 在這個例子中value究竟有什麽用啊,後面都寫了女孩了,顯示的內容一定是女孩 女孩

Html遇到的問題

clas 都沒有 手動 htm 因此 onf 另類 單元素 輸出 原文   https://www.jianshu.com/p/4466b8294007 大綱   1、表單提交的方式GET和POST的區別  2、js無法對input的file類型的值進行賦值  3、js獲取

AngularJS進階(三)HTML:讓文字框只讀,不可編輯的方法

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興! HTML:讓表單、文字框只讀,不可編輯的方法 有時候,我們希望表單中的文字框是隻讀的,讓使用者不能修改其中的資訊,如使<input type="text" name="input1"

HTML提交後php的獲取方法[超簡單無涉及資料庫]

記錄一下,怕忘了 表單 提交的內容如圖 <form class="form" action="login.php" method="post"> <div> <label class="first" for="

HTML:form的label標籤

label標籤不會向用戶呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用性。如果你在 label 標籤內點選文字,就會觸發此控制元件。就是說,當用戶單擊選中該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上(就自動選中和該label標籤相關連的表單控制

html提交到Servlet

mage ima mas png you tps quest getpara col 源碼地址 https://github.com/YouXianMing/Java-Web-Study/tree/master/Servlet-Form 演示效果(註意post與g

關於formbutton按鈕自動提交問題

courier tex w3c line 自動提交 get style href span 坑:點擊確認按鈕,form表單提交2次,發送後臺2次請求    //錯誤代碼: <Button id="btnSubmit" name="btnSubmit" cla

html表格標簽的結合

-h 單元 adding set 不能 表單標簽 ges 青島 sub 今天我嘗試將表格表單基本標簽結合起來放在網頁中,發現再沒用表單元素中<form></form>時各類標簽功能都可顯示,只是不能提交網頁,所有與提交網頁的標簽都不能使用提交功能,而

PHP常用的超全局變量 get和post提交方式的區別 session與cookie的區別 GD庫是做什麽用的

屬性 過程 生成報表 用戶訪問 服務器 接收 file pla request PHP中常用的超全局變量 $_GET ----->get傳送方式$_POST ----->post傳送方式$_REQUEST ----->可以接收到get和post兩種方式的值

利用ajax異步處理POST的數據

利用 tex oda checkbox nbsp st表 success target .ajax //防止頁面進行跳轉 $(document).ready(function(){ $("#submit").click(function(

習慣了CS回車操作人員,操作BS網頁也是回車666

按鈕 index blur 提示 type clear 其他 efault sel 1.第一步把表單,裏面需要回車的input,或者是其他的表單按鈕給一個clsss,例如下面的$(‘.cls‘); 2.第二步, 把下面的代碼復制過去,填寫完最後一個自動提交:$("#sav

的銀行卡格式輸入

blog 格式 max ace doc class maxlength tex his 1.這個功能需求還算比較多。 2.這個方法很簡潔。 1 <!DOCTYPE html> 2 <html> 3 <head> 4

datagridreoload提交時如何批量提交的查詢條件

object orm arc 一個 表單 arch 復雜 查詢 直接 看標題描述有點復雜,看下圖: 直接將手工添加的一個個字段直接用一句代碼完成。 $(‘#dg_sub‘).datagrid("reload",$(‘#searchForm‘).serializeOb

SpringMVCpost請求轉換為put或delete請求

hidden delet path web 需要 轉化 value 參數 text   1.在web.xml文件中配置 1 <!-- HiddenHttpMethodFilter過濾器可以將POST請求轉化為put請求和delete請求! -->