码迷,mamicode.com
首页 > Web开发 > 详细

js oncontextmenu阻止右键默认菜单 默认行为

时间:2017-05-31 23:10:35      阅读:671      评论:0      收藏:0      [点我收藏+]

标签:on()   width   get   html   onclick   blog   turn   自定义菜单   alert   

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{
	margin:0px;
	padding:0px;
}
#div1{
	position:absolute;
	width:200px;
	
	background:#F00;
	color:#FFF;
	display:none;
	

}
</style>
<script>
//点击右键出现自定义菜单 document.oncontextmenu=function(ev){ var oEvent= ev||event; var oUl=document.getElementById("div1"); oUl.style.display="block"; oUl.style.left=oEvent.clientX+‘px‘; oUl.style.top=oEvent.clientY+‘px‘; return false; } document.onclick=function(){ var oUl=document.getElementById("div1"); oUl.style.display="none"; } </script> </head> <body> <div id="div1"> <ul id="ul1"> <li>aaa</li> <li>bbb</li> <li>ccc</li> </ul> </div> </body> </html>  

普通写法 return false

输入框只能输入数字

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
window.onload=function(){
	var oTxt=document.getElementById(‘tex1‘);
	oTxt.onkeydown=function(ev){
		var oEvent= ev||event;
		//alert(oEvent.keyCode);
		if(oEvent.keyCode!=8&&(oEvent.keyCode<49||(57<oEvent.keyCode&&oEvent.keyCode<96)||oEvent.keyCode>105)){
			return false;
			};
		};
	};
</script>
</head>

<body>
<input type="text" id="tex1">
</body>
</html>

  

js oncontextmenu阻止右键默认菜单 默认行为

标签:on()   width   get   html   onclick   blog   turn   自定义菜单   alert   

原文地址:http://www.cnblogs.com/zwn-lucky7/p/6926218.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!