您的位置:首页> 实例代码> JS实例

禁止文本框鼠标右键黏贴内容

2019-10-25 14:08| 作者: 蚂蚁小编| 查看: 1469| 评论: 0|来自: 蚂蚁部落

本章节介绍一下如何禁止使用鼠标右键黏贴的方式向文本框写入内容。

这种动作在很多功能模块中是必须得,比如我要限制文本框的输入格式,通过键盘输入的效果都实现了。

但是就是存在这么一个漏洞,下面就介绍一下如何封堵上这个问题。

代码实例如下:

[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事件。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部