禁止文字框滑鼠右鍵黏貼內容

螞蟻小編發表於2019-10-25

本章節介紹一下如何禁止使用滑鼠右鍵黏貼的方式向文字框寫入內容。

這種動作在很多功能模組中是必須得，比如我要限制文字框的輸入格式，通過鍵盤輸入的效果都實現了。

但是就是存在這麼一個漏洞，下面就介紹一下如何封堵上這個問題。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
function CheckInputIntFloat(txt){ 
  if(''!= txt.value.replace(/\d{1,}\.{0,1}\d{0,}/,'')){ 
    txt.value=txt.value.match(/\d{1,}\.{0,1}\d{0,}/) == null ? 
    '' :txt.value.match(/\d{1,}\.{0,1}\d{0,}/); 
  } 
}
window.onload=function(){
  var otxt=document.getElementById("txt");
  otxt.onkeyup=function(){
    CheckInputIntFloat(this);
  }
  otxt.onpaste=function(){
    return false;
  }
}
</script>
</head>
<body>
<input type="text" id="txt"/>
</body>
</html>

可以防止使用滑鼠右鍵黏貼的動作，這裡是採用元素的oinpaste事件。

相關文章