JavaScript 鼠标事件

来源：互联网发布：sql server default 置编辑：程序博客网时间：2024/06/03 20:11

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" onmouseover="mouseAlert();">Clickme</a><input type="button" value="asd" onclick="mouseAlert();"><script type="text/javascript" src="01.js"></script></body></html>

1.2、鼠标点击事件

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>

1 0