<!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>