<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
鼠标位置:<span></span><br>
窗口调整次数:<b></b>
</div>
document:文档
$(document).ready():文档加载完成即静态页面加载完成后执行
blur():失去焦点执行
fofocus():获取焦点后执行
changge():当元素内容改变触发事件
click();点击事件
dblclock();双击事件
mouseover():当鼠标指针位于元素上方时触发
mouseenter():当鼠标指针穿过指定元素是触发
mousemove():鼠标指针在指定元素移动时
mouseleave():鼠标指针离开元素
mouseout():鼠标指针从元素上移开时
mousedown():鼠标指针移动到元素上方并按下鼠标按键时
resize():当调整当前游览器窗口大小时
pageX()
pageY()
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).mousemove(function(aa){
$('span').text('x: '+aa.pageX+'y: '+aa.pageY)
})
a=0
$(window).resize(function(){//调整窗口触发
$('b').text(a++)
})
})
</script>
</body>
</html>
明白了解!