JS 阻止浏览器默认行为

Web前端基础 学习笔记

一、JS 阻止浏览器默认行为


1.1、阻止超链接跳转

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS 阻止浏览器默认行为</title>
	<script type="text/javascript">
		window.onload = function(){
     
			var Link = document.getElementsByTagName("a")[0];

			// 阻止跳转
			Link.onclick = function(e){
     
				console.log("OnClick");

				// return false;									// 方法 1
				// e.preventDefault();								// 方法 2
				e.returnValue = false;								// 方法 3
			}
		}
	</script>
</head>
<body>
	<a href="">链接</a>
</body>
</html>

JS 阻止浏览器默认行为_第1张图片


1.2、阻止默认点击右键

  • 就是点击右键,没有任何反应
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS 阻止浏览器默认行为</title>
	<script type="text/javascript">
		window.onload = function(){
     
			var Link = document.getElementsByTagName("a")[0];
			
			// 阻止默认点击右键
			document.oncontextmenu = function(){
     
				return false;
			}
		}
	</script>
</head>
<body>
	<a href="">链接</a>
</body>
</html>

运行观察效果。

你可能感兴趣的:(Web,前端基础)