JavaScript 鼠标事件

最新推荐文章于 2024-03-16 11:36:04 发布

tianluye

最新推荐文章于 2024-03-16 11:36:04 发布

阅读量279

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/tianluye/article/details/50434672

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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>

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>

tianluye

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 鼠标事件

JavaScript 鼠标事件1.1、鼠标移动事件js内容function mouseAlert(){ alert("You moved over the link.");}obj=document.getElementById("link");obj.onMouseOver=mouseAlert;javascript 内容Insert titl
复制链接

扫一扫