数码资讯
js获取鼠标单击位置的概念和代码。
复制来了,但是原始的页面代码需要修改,下面是可用的修改 常用的是event.clientx和event.clienty分别得到水平和垂直位置,但仅此是不够的,因为event.clientx和event.clienty获取鼠标位置是相对于当前的屏幕,无论页面滚动条滚动的距离。 复制代码代码如下所示:
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
复制来了,但是原始的页面代码需要修改,下面是可用的修改
常用的是event.clientx和event.clienty分别得到水平和垂直位置,但仅此是不够的,因为event.clientx和event.clienty获取鼠标位置是相对于当前的屏幕,无论页面滚动条滚动的距离。
复制代码代码如下所示:
功能pointerx(事件)
{
返回event.pagex | |(event.clientx +(document.documentelement.scrollleft | |文件。身体。scrollLeft));
}
功能pointery(事件)
{
返回event.pagey | |(event.clienty +(document.documentelement.scrolltop | |文件。身体。scrollTop));
}
这两个方法获取鼠标相对于整个页面的位置,而不是屏幕。
event.pagex支持FF,使跨浏览器的操作
在其他方法中调用这两个函数
复制代码代码如下所示:
功能getpointposition(事件)
{
无功x_px_scr = event.clientx;
无功y_px_scr = event.clienty;
警报(相对于当前屏幕的x偏移量+ x_px_scr);相对 / /设备(电脑或手机)
警报(相对于当前屏幕Y偏移+ y_px_scr);相对 / /设备(电脑或手机)
无功x_px_page = pointerx(事件);
无功y_px_page = pointery(事件);
警报(相对于X轴偏移+ x_px_page整个页面);相对 / /浏览器
警报(相对于Y轴整个页面偏移+ y_px_page);相对 / /浏览器
}
常用的是event.clientx和event.clienty分别得到水平和垂直位置,但仅此是不够的,因为event.clientx和event.clienty获取鼠标位置是相对于当前的屏幕,无论页面滚动条滚动的距离。
复制代码代码如下所示:
功能pointerx(事件)
{
返回event.pagex | |(event.clientx +(document.documentelement.scrollleft | |文件。身体。scrollLeft));
}
功能pointery(事件)
{
返回event.pagey | |(event.clienty +(document.documentelement.scrolltop | |文件。身体。scrollTop));
}
这两个方法获取鼠标相对于整个页面的位置,而不是屏幕。
event.pagex支持FF,使跨浏览器的操作
在其他方法中调用这两个函数
复制代码代码如下所示:
功能getpointposition(事件)
{
无功x_px_scr = event.clientx;
无功y_px_scr = event.clienty;
警报(相对于当前屏幕的x偏移量+ x_px_scr);相对 / /设备(电脑或手机)
警报(相对于当前屏幕Y偏移+ y_px_scr);相对 / /设备(电脑或手机)
无功x_px_page = pointerx(事件);
无功y_px_page = pointery(事件);
警报(相对于X轴偏移+ x_px_page整个页面);相对 / /浏览器
警报(相对于Y轴整个页面偏移+ y_px_page);相对 / /浏览器
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。