js中event.x,event.clientX,event.offsetX区别
2009-07-27 15:05
459 查看
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
Code
<table border=1 cellpadding=15 cellspacing=15 style="position:relative;left:100;top:100">
<tr><td>
<div onclick="show()" style="background:silver;cursor:hand">
Click here to show.
</div>
</td></tr>
</table>
<script>
function show(){
alert("window.event.x:"+window.event.x+"\nwindow.event.y:"+window.event.y+"\nevent.clientX:"+event.clientX+"\nevent.clientY:"+event.clientY+"\nevent.offsetX:"+event.offsetX+"\nevent.offsetY:"+event.offsetY+"\nwindow.event.screenX:"+window.event.screenX+"\nwindow.event.screenY:"+window.event.screenY);
}
</script>
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
Code
<table border=1 cellpadding=15 cellspacing=15 style="position:relative;left:100;top:100">
<tr><td>
<div onclick="show()" style="background:silver;cursor:hand">
Click here to show.
</div>
</td></tr>
</table>
<script>
function show(){
alert("window.event.x:"+window.event.x+"\nwindow.event.y:"+window.event.y+"\nevent.clientX:"+event.clientX+"\nevent.clientY:"+event.clientY+"\nevent.offsetX:"+event.offsetX+"\nevent.offsetY:"+event.offsetY+"\nwindow.event.screenX:"+window.event.screenX+"\nwindow.event.screenY:"+window.event.screenY);
}
</script>
相关文章推荐
- js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
- js中event.x,event.clientX,event.offsetX区别
- event.x,event.clientX,event.offsetX区别
- Js中event对象的x,clientX,offsetX区别
- JavaScript中event的x,clientX,offsetX的区别
- JS之clientX,clientY,screenX,screenY,offsetX,offsetY等区别
- JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试
- Js中event对象的x,clientX,offsetX区别
- [ZZ] JavaScript中event的x,clientX,offsetX的区别
- clientX, clientY,offsetX, offsetY,screenX, screenY, x, y,pageX,pageY的区别
- screenX,clientX,pageX,offsetX,pageXoffset的区别
- 原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
- 一图胜千言,秒懂巧记JavaScript中event对象的clientX,offsetX,screenX,pageX区别
- js事件之event.preventDefault()与(www.111cn.net)event.stopPropagation()用法区别
- [JS]event.x,event.clientX,event.offsetX区别
- clientX, clientY,offsetX, offsetY,screenX, screenY, x, y 的区别
- js事件之event.preventDefault()与event.stopPropagation()用法区别
- clientX,pageX,x,screenX,offsetX等的区别
- js中event.srcElement和event.target的区别
- JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)