鼠标事件

JavaScript事件-鼠标事件

鼠标向下
- onmousedown
鼠标抬起
- onmouseup
鼠标移动
- onmousemove
鼠标移出
- onmouseover
- onmouseout
鼠标单击
- onclick
鼠标双击
- ondblclick

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<div id="test">
			Hello World!
		</div>
		
		<script type="text/javascript">
			var test = document.getElementById("test");
			
			test.onmouseout  = function() {
				console.log("hello");
			}
			
			test.onclick  = function() {
				console.log("1");
			}
			
			test.ondblclick = function(){
				console.log("2222");
			}
			
			
		</script>
	</body>
</html>

键盘事件

键盘按下
- onkeydown
键盘抬起
- onkeyup

document.onkeydown = function(){
				console.log("down");
        }

document.onkeyup = function(){
console.log("up");
}

表单事件

提交事件
- onsubmit事件

<form action="http://www.baidu.com" method="post">
			<input type="submit" value="提交"/>
		</form>
		
		<script>
			var test = document.getElementsByTagName("form")[0];
			test.onsubmit = function(){
				console.log("checking......");
			}
		</script>

Updated on 05 Jan 2020