js标签选择性禁用鼠标右键源码下载

禁止鼠标右键效果在不少网站都有使用，当然这是因为很多站长不想浏览者复制黏贴页面的内容，当然这种效果也确实能够防止一些小白的操作，但是很多禁止鼠标右键的效果过于粗暴，整个页面中的任何地方都无法使用右键，但是往往很多元素对于右键操作还是重要的，比如textarea文本框或者input文本框，下面就通过实例代码介绍一下如何实现有选择性的禁止鼠标右键效果。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<style type="text/css">
html,body{height:100%}
div{
  width:150px;
  height:50px;
  background:#CCC;
}
</style>
<script type="text/javascript"> 
var isTagName=function(ev,arr){
  var ev=ev||window.event;
  var target=ev.target||ev.srcElement;
  Array.prototype.contains=function(elem){
    for(var index in this){
      if(this[index].toString().toUpperCase()==elem.toString().toUpperCase()) 
      return true;
    }
    return false;
  }
  if(arr&&!arr.contains(target.tagName)){
    return false;
  }
  return true;
}
  
window.onload=function(){
  document.body.oncontextmenu=function(e){
    return isTagName(e,['input','TEXTAREA']);
  }
}
</script> 
</head> 
<body>
<div></div> 
<textarea></textarea>
</body> 
</html>

代码描述：js标签选择性禁用鼠标右键。js标签选择性禁用鼠标右键源码下载

下载全部收藏

128 171

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册