栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用jQuery如何获取目标元素上的点击坐标

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用jQuery如何获取目标元素上的点击坐标

您是否要

relative
简单地将鼠标指针定位到元素(或)的位置,


编辑:

1)

event.pageX
event.pageY
给你鼠标位置的相关文件!

2)

offset()
:给出元素的偏移位置

3)

position()
:它为您提供元素的相对位置,即

考虑一个元素嵌入另一个元素内

例如

<div id="imParent">   <div id="imchild" /></div>

HTML

<body>   <div id="A" > Default    <br /> mouse<br/>position </div>   <div id="B" > offset()   <br /> mouse<br/>position </div>   <div id="C" > position() <br /> mouse<br/>position </div></body>

Javascript

$(document).ready(function (e) {    $('#A').click(function (e) { //Default mouse Position         alert(e.pageX + ' , ' + e.pageY);    });    $('#B').click(function (e) { //Offset mouse Position        var posX = $(this).offset().left, posY = $(this).offset().top;        alert((e.pageX - posX) + ' , ' + (e.pageY - posY));    });    $('#C').click(function (e) { //Relative ( to its parent) mouse position         var posX = $(this).position().left, posY = $(this).position().top;        alert((e.pageX - posX) + ' , ' + (e.pageY - posY));    });});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/596804.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号