首頁 > web前端 > 前端問答 > javascript怎麼禁止貼上

javascript怎麼禁止貼上

青灯夜游
發布: 2022-01-26 14:52:28
原創
3472 人瀏覽過

javascript禁止貼上的方法:1、給元素綁定onpaste事件,並設定事件處理函數;2、在事件處理函數中,設定「return false;」語句,表示觸發貼上事件時,返回false。

javascript怎麼禁止貼上

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

在javascript中,可使用onpaste事件禁止貼上,onpaste事件在使用者向元素中貼上文字時觸發。

注意: 雖然使用的HTML 元素都支援onpaste 事件,但實際上並非支援所有元素,例如

元素, 除非設定了contenteditable for"true" (查看下文的更多實例)。

提示: onpaste 事件通常用於 type="text" 的 元素。

提示: 有三種方式可以在元素中貼上內容:

#按下CTRL V

從瀏覽器的編輯選單中選擇"Paste(貼上)"

右鍵點選滑鼠按鈕在上下文選單中選擇"Paste(貼上)" 指令。

語法

HTML中:

<element onpaste="myScript">
登入後複製

JavaScript中:

object.onpaste = function(){
   //操作
   myScript;  
}
JavaScript中,使用addEventListener()方法:
object.addEventListener('paste',myScript);2
//Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
登入後複製

實作原則:

執行複製與貼上事件,並在事件中傳回false。

JavaScript程式碼:

var bodyMain = document.getElementById('bodyMain' );
                  //禁止复制
                  bodyMain.oncopy = function(){
                       return false;
                }      
                 //禁止粘贴      
                  bodyMain.onpaste = function(){   
                       return false; 
}
登入後複製

【相關推薦:javascript學習教學

以上是javascript怎麼禁止貼上的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板