取消事件的默认行为 

<body>
	
	<a href="http://www.baidu.com">www.baidu.com</a>

</body>
	
	<script>
		
		var a = document.querySelector("a");
		var isFirst = true;
		a.addEventListener("click", function(){
			if (isFirst) {
				// cancelable表示事件是否可以取消默认行为，这是在事件 对象 在创建的时候就已经决定的
				if (event.cancelable) {
					// preventDefault是事件对象的方法，用来取消事件的默认行为
					// 另外一个与其相关的状态是 defaultPreventd 用来获取事件有没有被取消过默认行为
					event.preventDefault();
					// location.href = "http://www.hnqingyun.com";
					window.open("http://www.google.com");
				}
				isFirst = false;
			}
		});

	</script>

posted @ 2022-06-23 18:11  ·一库  阅读(46)  评论(0)    收藏  举报