JS - 鼠标键盘配置 及 浏览器禁止操作

一. 定义 DOM 中鼠标指针的样式

<script type="text/javascript">
	window.onload=function(){
		//获取 dom 元素
		var dom = document.getElementsByClassName("page")[0];
		// css形式，修改鼠标指针样式
		dom.style.cursor = 'pointer';
	}
</script>

更多样式:

指针样式	属性
默认箭头	cursor : default
手形	cursor : pointer
移动十字箭头	cursor : move
帮助问号	cursor : help
十字准心	cursor : crosshair
文字/编辑	cursor : text
无法释放(禁用)	cursor : no-drop
禁用	cursor : not-allowed
自动	cursor : auto
处理中	cursor : progress
向上改变大小	cursor : n-resize
向下改变大小	cursor : s-resize
向左改变大小	cursor : w-resize
向右改变大小	cursor : e-resize
向上左改变大小	cursor : nw-resize
向下左改变大小	cursor : sw-resize
向上右改变大小	cursor : ne-resize
向下右改变大小	cursor : se-resize

二. 定义 DOM 中鼠标移进、移出方法

1. 鼠标移进： onmouseover="mOver(this)
2. 鼠标移出： onmouseout="mOut(this)
3. 这里方法为：改变文字大小

<div class="page" onmouseover="mOver(this);"  onmouseout="mOut(this);">Hello，你好！</div>

<script type="text/javascript">
	//鼠标指针移进
	function mOver(evt){
		evt.style.fontSize = '20px'; //调整字体大小为20px
	}   
	//鼠标指针移出
	function mOut(evt){
		evt.style.fontSize = ''; //调整字体大小为默认
	}
</script>

三. 禁用鼠标右键

<script type="text/javascript">
	document.oncontextmenu = function(){
		event.returnValue = false;
	}
	//或者直接返回整个事件
	document.oncontextmenu = function(){
		return false;
	}
</script>

四. 禁止选取

1. 指定 DOM

   onselectstart="return false"

   <div class="page" onselectstart="return false">Hello，你好！</div>
   

2. 整个网页

   <script type="text/javascript">
   	document.onselectstart = function(){
   		event.returnValue = false;
   	}
   	//或者直接返回整个事件
   	document.onselectstart = function(){
   	   return false;
   	}
   </script>
   

五. 禁止复制

1. 指定 DOM

   oncopy="return false"
oncut="return false"

   <div class="page" oncopy="return false" oncut="return false">Hello，你好！</div>
   

2. 整个网页

   <script type="text/javascript">
   	document.oncopy = function(){
   	    event.returnValue = false;
   	}
   	// 或者直接返回整个事件
   	document.oncopy = function(){
   	    return false;
   	}
   </script>
   

六. 禁止粘贴

onpaste="return false"

<div class="page" >Hello，你好！</div>
<input type="text" onpaste="return false" />

七. 禁用键盘 F12 事件

<script type="text/javascript">
	document.onkeydown=function (e){
	    var currKey=0,evt=e||window.event;
	    currKey=evt.keyCode||evt.which||evt.charCode;
	    if (currKey == 123) {
	        window.event.cancelBubble = true;
	        window.event.returnValue = false;
	    }
	}
</script>