禁止鼠标右键效果在不少网站都有使用,当然这是因为很多站长不想浏览者复制黏贴页面的内容,当然这种效果也确实能够防止一些小白的操作,但是很多禁止鼠标右键的效果过于粗暴,整个页面中的任何地方都无法使用右键,但是往往很多元素对于右键操作还是重要的,比如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标签选择性禁用鼠标右键源码下载



98 130



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到