<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery鼠标事件</title>
<script src="../js/jquery.js" type="text/javascript"></script>
<link href="../css/gzstrap.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
$(function () {
//鼠标点击事件
$("a").click(function (e) {
//e即event. 一般是window的全局对象
//e.preventDefault();屏蔽掉原有事件，执行新的事件
//var btnNum = event.button;
//e.pageY、e.pageX 获取坐标
//相对于屏幕，光标的坐标是？
//x=e.screenX、y=e.screenY
//this指当前的DOM对象，如：this.title
//$(this)指DOM对象转为jQuery对象
//获取元素名称
//e.target.tagName
//事件类型 e.type
});
//鼠标按下事件
$("a").mousedown(function (e) {
//var num = e.button;
//当num==0时鼠标右键、当num==1时鼠标中键、当num==2时鼠标右键
});
//键盘被按的按键的unicode值
$("body").keyup(function (e) {
//var num = e.keyCode;
});
});
</script>
<a title="A元素">A元素</a>
<a title="A元素">A元素</a>
<a title="A元素">A元素</a>
<a title="A元素">A元素</a>
</body>
</html>