阻止网页默认行为-CSDN博客

本文链接：https://blog.csdn.net/qq_45783949/article/details/107468812

阻止默认行为（二）

1、阻止默认提交

//阻止默认提交
			oForm.onsubmit = function(){
				console.log("aaa");
				return false;
			}

2、阻止默认文本输入(仅限英文)

//阻止默认文本输入(仅限英文)
			aInput[0].onkeydown = function(){
				return false;
			}

注：若要真正实现阻止文本输入只需将input 属性添加readonly=‘readonly’
例如：input type=‘text’ readonly=‘readonly’

3、阻止默认右键菜单弹出

//阻止默认右键菜单弹出
			document.oncontextmenu = function(){
				return false;
			}

@完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form>
			<input type="text">
			<input type="submit" value="提交"/>
		</form>
		<script type="text/javascript">
			var oForm = document.getElementsByTagName("form")[0];
			var aInput = document.getElementsByTagName("input"); //不止一个input
			
			//阻止默认提交
			oForm.onsubmit = function(){
				console.log("aaa");
				return false;
			}
			
			//阻止默认文本输入(仅限英文)
			aInput[0].onkeydown = function(){
				return false;
			}
			//若要真正实现阻止文本输入只需将input 属性 添加readonly='readonly'
			//例如：<input type='text' readonly='readonly'/>
			
			//阻止默认右键菜单弹出
			document.oncontextmenu = function(){
				return false;
			}
		</script>
	</body>
</html>