当前位置: 我爱LAMP > Javascript > 文章正文

javascript中的offsetX与layerX用法区别

发表于 2010-04-02 10:21    文章来源:互联网

javascript中的offsetX与layerX用法区别:
在firefox中没有offsetX属性,有个layerX属性,只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute),两者结果就相等,表示事件源相对于父元素的X坐标。 
判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。 代码如下:

<script type=”text/javascript”>
function GetMousePosStr (evnt,ele){
if(!evnt){
evnt = window.event;
}
var offsetX = evnt.offsetX ? evnt.offsetX : evnt.layerX;
if(evnt.offsetX < ele.offsetWidth / 2){
return ‘left’;
}else{
return ‘right’;
}
}
</script>

本文链接: http://www.52lamp.com.cn/detail/5916.html

喜欢我爱LAMP – lamp开发程序交流学习平台的文章,那就通过 RSS Feed 功能订阅阅读吧!