JS - mouse and keyboard configuration and browser forbidden operation

One . Definition DOM Middle mouse pointer style

<script type="text/javascript">
	window.onload=function(){
    
		// obtain  dom  Elements 
		var dom = document.getElementsByClassName("page")[0];
		// css form , Modify the mouse pointer style 
		dom.style.cursor = 'pointer';
	}
</script>

More styles :

Pointer style	attribute
Default arrow	cursor : default
Hand shape	cursor : pointer
Move the cross arrow	cursor : move
Help question mark	cursor : help
Cross center	cursor : crosshair
written words / edit	cursor : text
Can't release ( Ban )	cursor : no-drop
Ban	cursor : not-allowed
Automatically	cursor : auto
In processing	cursor : progress
Change size up	cursor : n-resize
Change size down	cursor : s-resize
Change size to the left	cursor : w-resize
Change size to the right	cursor : e-resize
Change size up and left	cursor : nw-resize
Change size down and left	cursor : sw-resize
Change size up and right	cursor : ne-resize
Change size down and right	cursor : se-resize

Two . Definition DOM Middle mouse move in 、 Removal method

1. Mouse in ：onmouseover="mOver(this)
2. Mouse removal ：onmouseout="mOut(this)
3. The method here is ： Change text size

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

<script type="text/javascript">
	// Move the mouse pointer into 
	function mOver(evt){
    
		evt.style.fontSize = '20px'; // Adjust the font size to 20px
	}   
	// The mouse pointer moves out 
	function mOut(evt){
    
		evt.style.fontSize = ''; // Adjust the font size to the default 
	}
</script>

3、 ... and . Disable right mouse button

<script type="text/javascript">
	document.oncontextmenu = function(){
    
		event.returnValue = false;
	}
	// Or return the whole event directly 
	document.oncontextmenu = function(){
    
		return false;
	}
</script>

Four . It is forbidden to select

1. Appoint DOM

   onselectstart="return false"

   <div class="page" onselectstart="return false">Hello, Hello ！</div>
   

2. The whole page

   <script type="text/javascript">
   	document.onselectstart = function(){
         
   		event.returnValue = false;
   	}
   	// Or return the whole event directly 
   	document.onselectstart = function(){
         
   	   return false;
   	}
   </script>
   

5、 ... and . Prohibit copying

1. Appoint DOM

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

   <div class="page" oncopy="return false" oncut="return false">Hello, Hello ！</div>
   

2. The whole page

   <script type="text/javascript">
   	document.oncopy = function(){
         
   	    event.returnValue = false;
   	}
   	//  Or return the whole event directly 
   	document.oncopy = function(){
         
   	    return false;
   	}
   </script>
   

6、 ... and . Do not paste

onpaste="return false"

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

7、 ... and . Disable keyboard F12 event

<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>