右键禁用、防止文字选中、返回选中的文本

最新推荐文章于 2024-08-06 09:37:17 发布

hdchangchang

最新推荐文章于 2024-08-06 09:37:17 发布

阅读量3.9k

点赞数 1

分类专栏：原生js js jquery 练习示例

本文链接：https://blog.csdn.net/hdchangchang/article/details/8432017

版权

原生js 同时被 2 个专栏收录

54 篇文章 1 订阅

订阅专栏

js jquery 练习示例

16 篇文章 0 订阅

订阅专栏

event事件参考：

http://www.mangguo.org/8-jquery-tip-and-trick/

http://bbs.blueidea.com/forum.php?mod=viewthread&tid=273549

1 右键菜单的禁用：

网上有几种方法：

还有更简单的，直接在<body>里加入以下代码也同样有效：
οncοntextmenu="return false"

在BODY中加入如下代码
οncοntextmenu="self.event.returnValue=false" onselectstart="return false"
οnkeydοwn="if(event.keyCode==78&&event.ctrlKey)return false;"

右键禁用：

jQuery(function($){
  $(document).bind("contextmenu",function(){
        return false;
   });
})

<script type="text/javascript">
//屏蔽文本框以外右键菜单
document.oncontextmenu = function (event){
	if(window.event){
		event = window.event;
	}
	try{
		var the = event.srcElement;
		if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
			return false;
		}
		return true;
	}catch (e){
		return false; 
	} 
}
</script>

2.禁止鼠标选中文字代码（会用到拖动效果中）

document.οnmοusemοve=function(){
//禁止选中片段
try{
      if(document.selection){//IE ,Opera
          if(document.selection.empty)
                   document.selection.empty();//IE
          else{//Opera
                   document.selection = null;
          }
      }else if(window.getSelection){//FF,Safari
           window.getSelection().removeAllRanges();
      }
}catch(e){}

}

返回选中的文本：

<script type="text/javascript">
    $(function () {
            $(document).mouseup(function (e) {
                var txt = "";
                if (document.selection) {
                    txt = document.selection.createRange().text;	// IE
                } else {
                    txt = document.getSelection();
                }
                txt = txt.toString();
                alert(txt)
            })
    })
</script>

3.鼠标按键

jquery 关于鼠标按键：

在jquery中只有三个值,通过e.which 判断：

左键：1

右键：2

中间键：3

例如：在mousedown事件中点击三个鼠标键都会有反应，可以加入判断：

jQuery(function($){
    $("#aa").mousedown(function(e){
        if(e.which==1){
           //do something;
        } 
   })
})

原生js 关于鼠标按键：

event.button:

可能的值：
0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件，不管鼠标状态如何，都返回 0（比如onclick）在firefox中，只会出现三个值，分别是0 、1、 2（左、中、右）

例：

<script type="text/javascript">
function omd(e){
  var k=(e?e:event).button;
  document.getElementById("aaa").innerHTML=k;
}
</script>
<div οnmοusedοwn="omd(event)">
点击我，我告诉你你按的是鼠标哪个键<br />
同时按下鼠标上的多个键试试
</div>
<br />键值:<span id="aaa"></span>