摘要:<!DOCTYPE html><html><head> <title></title></head><body> <div> 鼠標位置:<span></span><br> 窗口調整次數:<b></b> </div>document:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
鼠標位置:<span></span><br>
窗口調整次數:<b></b>
</div>
document:文檔
$(document).ready():文檔加載完成即靜態(tài)頁面加載完成后執(zhí)行
blur():失去焦點執(zhí)行
fofocus():獲取焦點后執(zhí)行
changge():當元素內容改變觸發(fā)事件
click();點擊事件
dblclock();雙擊事件
mouseover():當鼠標指針位于元素上方時觸發(fā)
mouseenter():當鼠標指針穿過指定元素是觸發(fā)
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(){//調整窗口觸發(fā)
$('b').text(a++)
})
})
</script>
</body>
</html>
明白了解!