jquery学习随笔(事件对象)

$(‘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还需要加上滚动条与顶部的距离