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

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

  

时间: 2024-10-11 22:31:33

js oncontextmenu阻止右键默认菜单 默认行为的相关文章

js中阻止冒泡与浏览器默认行为

阻止冒泡: 1 function stopPro(e){ 2 //如果提供了事件对象,则这是一个非IE浏览器 3 if ( e && e.stopPropagation ) 4 //因此它支持W3C的stopPropagation()方法 5 e.stopPropagation(); 6 else 7 //否则,我们需要使用IE的方式来取消事件冒泡 8 window.event.cancelBubble = true; 9 } 阻止浏览器默认行为 1 functon preDefault(

阻止右键菜单(阻止默认事件)&amp;&amp;跟随鼠标移动(大图展示)&amp;&amp;自定义右键菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

JS如果阻止事件冒泡和浏览器默认事件

原地址:http://missra.com/article/web-57.html 嵌套的标签元素,如果父元素和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下JavaScript阻止默认事件与JavaScript阻止事件冒泡示例. (1)阻止冒泡事件 注:嵌套元素一般都存在冒泡事件,会带来某些影响 最外层标签:outer,中间层标签:center,最内层标签:inner,并且在outer.center.inner都添加了alert弹框事件,在正常思维情况下

js中阻止事件冒泡和浏览器默认行为

在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题.[兼容IE和FF] 1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagat

js下拉菜单默认值为当前年份,下拉菜单的选项为当前年份往前推5年

1:在jsp或者HTML页面中新建一个下拉框 年度:<select id="cx_nd" name="cx_nd" style="width: 60px;"></select> 年 2:调用下面方法即可 window.onload = function(){ var sel = document.getElementById("cx_nd"); var date = new Date(); for(va

vue阻止右键默认行为

<!--不阻止右键菜单(浏览器行为),右键执行函数show--> <input type="button" value="按钮" @contextmenu="show()"> <!--阻止右键菜单--> <input type="button" value="按钮1" @contextmenu.prevent> <!--阻止右键菜单(浏览器行为),右键执

JS 禁止浏览器右键菜单和刷新

1 <script language="javascript"> 2 //禁止按键F5 3 document.onkeydown = function(e){ 4 e = window.event || e; 5 var keycode = e.keyCode || e.which; 6 if( keycode = 116){ 7 if(window.event){// ie 8 try{e.keyCode = 0;}catch(e){} 9 e.returnValue =

js屏蔽浏览器右键菜单,粘贴,复制,剪切,选中(转)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jQuery阻止冒泡和HTML默认操作

jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. 1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. 2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解: 条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包