您的位置：首页 > Web前端 > JavaScript

js中Event各个属性的学习

2012-03-19 17:04 134 查看

上面是页面中的html标签。

$(function(){
$("#divMove").mousemove(function(event){
varev=event||window.event;
//z-index属性目前只有在position:relative、position:absolute和position:fixed才有用
　//子类相对于父类的X,Y坐标
varmxLeft1=ev.offsetX||ev.layerX;//当父类添加有position:relative那就是相对父类的x坐标，ev.layerX支持ff下的。
varmxTop1=ev.offsetY||ev.layerY;//当前对象的X,Y坐标，就是这里面的父容器
varminLeft=ev.currentTarget.offsetLeft;//对象到body的Y坐标距离
varminTop=ev.currentTarget.offsetTop;///对象到body的X坐标距离
　//父容器右边框到窗体的X，Y坐标
varmxRight=minLeft+ev.currentTarget.clientWidth;//最大x轴
varmxBottom=minTop+ev.currentTarget.clientHeight;//最大y轴
varmouseX=ev.clientX;//鼠标x轴位置
varmouseY=ev.clientY+(document.body.scrollTop||document.documentElement.scrollTop);
//鼠标y轴位置　　　　　　　　　　　　
//判断鼠标移动在父类容器中，子类容器在移动。
if(((minLeft+mxLeft1)>minLeft&&(minLeft+mxLeft1)<=mxRight-50)&&((minTop+mxTop1)>minTop&&(minTop+mxTop1)<=mxBottom-50)){
$("#divMo").offset({"top":(minTop+mxTop1),"left":(minLeft+mxLeft1)});
}
});
})
event的这些属性，以前研究不清楚，现在终于懂点了，虽然没什么技术含量，但是望给大家点帮助。
其实，上面的方法可以用这个来实现，并且更明了，就是获得鼠标的坐标。大家看下吧。

$(function(){
varbox=document.getElementById("divMove");
varminWidth=box.offsetLeft;
varminHeight=box.offsetTop;
varmaxWidth=box.clientWidth+minWidth;
varmaxHeight=box.clientHeight+minHeight;
$("#divMove").mousemove(function(event){
varevent=event||window.event;
variL=event.clientX;
variT=event.clientY+(document.body.scrollTop||document.documentElement.scrollTop);
if(iL>minWidth&&iL<maxWidth-50&&iT>minHeight&&iT<maxHeight-50){
$("#divMo").offset({top:iT,left:iL});
}
});
})

有什么更好的建议，或者说的不对的，请指出来，谢谢了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航