JavaScript 鼠标事件
1.1、鼠标移动事件
js内容
function mouseAlert(){
alert("You moved over the link.");
}
obj=document.getElementById("link");
obj.onMouseOver=mouseAlert;
javascript 内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="http://www.baidu.com/" id="link" οnmοuseοver="mouseAlert();">Click
me</a>
<input type="button" value="asd" οnclick="mouseAlert();">
<script type="text/javascript" src="01.js">
</script>
</body>
</html>
js 内容
message = "";
function mouseStatus(e){
if(!e) e = window.Event;
btn = e.button;
whichone = (btn<2) ? "Left" : "right";
message += e.type + ":" + whichone + "\n";
document.form1.info.value = message;
}
obj = document.getElementById("link");
obj.onmousedown = mouseStatus;
obj.onmouseup = mouseStatus;
obj.onclick = mouseStatus;
obj.ondblclick = mouseStatus;
javascript 内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>Mouse Click</h1>
<h2>
<a href="#" id="link">Test Link</a>
</h2>
<form name="form1">
<textarea rows="10" cols="70" name="info"></textarea>
</form>
<script type="text/javascript" src="03.js"></script>
</body>
</html>