JavaScript中setHours函数 网页浮动广告代码

JavaScript中event的x,clientX,offsetX的区别

JavaScript中event的x,clientX,offsetX的区别
请看下面的文字说明,也就是event中x,clientX,offsetX,screenX的区别:

  • x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
  • clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
  • offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
  • screenX:相对于用户屏幕。


同时你可以对比下面代码分析
<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>
TAG: javascript
kimi post in JavaScript教程 at 2007-11-11 19:13:06.
永久地址:http://ijavascript.cn/jiaocheng/javascript-event-clientx-offsetx-306.html
在百度中搜索《JavaScript中event的x,clientX,offsetX的区别》。

发表评论

发表评论

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。