event.x,event.clientX,event.offsetX区别_Javascript教程-查字典教程网
event.x,event.clientX,event.offsetX区别
event.x,event.clientX,event.offsetX区别
发布时间:2016-12-30 来源:查字典编辑
摘要:x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域...

x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。

clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。

offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。

screenX:相对于用户屏幕。

测试代码一:

[code]

<html>

<head>

</head>

<script>

function reload(){

window.location.reload("http://www.jb51.net");

}

</script>

<body>

<table>

<TR><TD><input type="button" name="button1" value="button1"></TD><TD></TD></TR>

<TR><TD><input type="button" name="button2" value="button2"></TD><TD></TD></TR>

</table>

<input type="button" name="update" value="刷新">

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<input type="button" name="button" value="button">

</body>

</html>

<script>

function window.onbeforeunload()

{

alert('event.clientX='+event.clientX);//如果是鼠标点击“刷新”按钮,则跟鼠标点击时的位置有关

alert('event.offsetX='+event.offsetX);

alert('document.body.clientWidth='+document.body.clientWidth);

alert('event.clientY='+event.clientY);

alert('event.offsetY='+event.offsetY);

alert('event.altKey='+event.altKey);

if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)

{

window.event.returnValue="确定要退出本页吗?";

}else

{

alert("你在刷新");

}

}

</script>

[/html]

演示代码二:

Click here to show.

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类