事件监听和事件概念

<!--return false阻止行为--> 例如:

<a href="https://www.baidu.com/" onClick="return false">点击我</a>

只是用来阻止行为,不可跳转,但是不能阻止属性。

第二种添加事件方法:

<script type="text/javascript">
	function show(){
		alert("你点击了我!");
	}
	//第二种添加事件方法
	document.getElementById("mytest1").onclick=show;
	
</script>
<button type="button" id="test2" onClick="show()"><b>测试2</b></button>

 标准DOM中的事件监听方法:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标准DOM中的事件监听方法</title>
<script type="text/javascript">
	 function show(){
		 alert("你点击我了");
	 }
	//取消
	function concel(){
		//[object].removeEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);
		var bt1=document.getElementById("mytest1");
		bt1.removeEventListener("click",show,false);
	}
	window.onload=function(){
			//[object].addEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);
			var bt1=document.getElementById("mytest1");
			bt1.addEventListener("click",show,false);
		    //获取测试2按钮
		    var bt2 = document.getElementById("mytest2");
		    bt2.addEventListener("click",concel,false);
	}
  
</script>
</head>

<body>
	<input type="button" value="测试1" id="mytest1">
	<button type="button" id="mytest2"><b>测试2</b></button>
</body>
</html>

  标准的DOM监听事件方法,可以省略吊“on” 例如:click mouseover

常见的事件类型:

onlick:鼠标单击事件(常用)

ondblclick:鼠标双击事件

众多属性可查询编辑!

原文地址:https://www.cnblogs.com/awdsjk/p/10724132.html