js事件中级之默认行为(oncantextmenu事件)

1.默认事件。即不需要自己编写代码，浏览器自身所具备的一些功能，例如在网页右击鼠标，会出现浏览器自带的自定义默认菜单

2.阻止默认行为：oncontextmenu 事件：在元素中用户右击鼠标时触发并打开上下文菜单。并用return false（普通写法）来阻止默认行为
例如：做一个取消浏览器自定义菜单，用div替换。

<style>
	#div1{
		width:66px;
		height:166px;
		background-color:red;
		position:absolute;
		display:none;
	}
</style>

<script type="text/javascript">
	document.oncontextmenu=function(ev){
		
		var oDiv1=document.getElementById('div1');
		var =ev||event;
		//点击右键显示
		oDiv1.style.display='block';
		//使其跟随鼠标移动
		oDiv1.style.left=oEvent.clientX+'px';
		oDiv1.style.left=oEvent.clientY+'px';
		return false;
	}
	//点击空白的其他区域，div消失
	document.onclick=function(){
		var oDiv1=document.getElementById('div1');
		oDiv1.style.display='none';
	}
</script>

<div id="div1"></div>

3.只能输入数字的文本框(onketdown，keycode)
只要判断keycode键，保证所对应的的字符相同就OK了
实际上数字0~9所对应的的keycode分别是48到57，实际上九宫格的数字和F键下面的数字keycode所对应的数字是不一样0到9分别是96到105；

<script type="javascript">
	window.onload=function(){
		var oTxt=document.getElementById('txt');
		oTxt.onkeydown=function(ev){
			var oEvent=ev||event;
			
			//当keycode>48或者<57，并且不等于8(退格键)时，不在这个范围内的其他键都被禁用！
			if(oEvent.keycode<48||oEvent.keycode>57 &&oEvent.keycode!=8){
				return false;
			}	
		}
	}
</script>

<input id="txt" type="text" />