标签：
$(‘input‘).bind(‘click‘,function(e){
alert(e.type) //结果是click
alert(typeof e.type) //返回的是字符串
})
target是获取触发元素的DOM，触发元素，就是你点了那个就是哪个
currentTarget得到的是监听元素的DOM，你绑定的是哪个就是哪个
例如：
$(‘div‘).bind(‘click‘,function(e){
alert(e.target); 当鼠标点击div区域时，就会弹出 object htmlDivelement
当鼠标点击span区域时，就会弹出 objecthtmlspanelement
})
$(‘div‘).bind(‘click‘,function(e){
alert(e.currentTarget); 当鼠标点击div区域时，就会弹出 object htmlDivelement
当鼠标点击span区域时，就会弹出 objecthtmlDivelement
})
$(‘div‘).mouseover（function(e){
alert(e.relatedTarget); 当鼠标从span区域移出到div区域时，就会弹出 object htmlspanelement
当鼠标从div区域移入到span区域时，就会弹出 objecthtmldivelement
})
主要是在鼠标移动的过程中移入之前的元素 而mouseout相反，是鼠标移动过程结束后的停留的元素
<div style="width:200px;height:200px;background:#ccc;"> <span style="width:100px;height:100px;background:red;display:block;"></span> </div>
data用法
$(‘div‘).bind(‘click‘,123,function(e){
alert(e.data); 弹出结果123
})
传参可以是数组、字符串、对象
页面原点：可见区域的左上角（与未出现滚动条的视口是一致的）
显示屏：整个浏览器，包括工具栏
视口：可见区域，（平常浏览页面的区域，不包括工具栏）
绿色区域为显示屏，红色区域为视口，页面原点为橙色，当出现滚动条的时候，pageY和clientY是不一样的，pageY还需要加上滚动条与顶部的距离
标签：
原文地址：http://www.cnblogs.com/miaomiao8899/p/5116329.html
