JavaScript事件触发 HTML添加事件

常用事件：

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下：
注意：onsubmit事件使用需要满足以下三点：

1、必须是form标签中的input，而且input的type必须是submit。
2、onsubmit的调用时必须加return。
3、调用方法必须返回true或者false。

代码如下：

<script>
	function b(){
		return false; //函数必须有返回值false或者true，false为不执行该事件，true为执行该事件。
	}
</script>

<!--必须写成return b()-->
<form action="http://www.baidu.com" onsubmit="return b()"> 
	<!--form中的input，且type为submit-->
	<input type="submit" value="按钮"/> 
</form>

添加事件三种方式：

1、直接在标签中添加：

<input type="button" onclick="a()" value="按钮"/>
<script>
	function a(){
		console.log("点击了...");
	}
</script>

2、调用getElement方法，如果是class则需要在后面加”[ ]“，填入是这个类的第几个标签，如果是id则不需要加这个"[ ]"。

<input type="button" class="ooo" value="按钮"/>
<script>
	document.getElementsByClassName("ooo")[0].onclick=function(){
		console.log("又点击了...");
	}
</script>

3、与第二种方法类似，加上addEventListener，此时事件不需要加on，即onclick写成click。

<input type="button" class="oo" value="按钮"/>
<script>
	document.getElementsByClassName("oo")[0].addEventListener("click",function(){
		console.log("又又点击了...");
	})
</script>