如何获取手机的位置

2024-03-29

我正在编写一个管理非常大的表的脚本。当用户单击表格单元格时,我想知道他们单击了哪个单元格。 例如

--------------
|     |      |
|     | Click|
--------------

应该给我一个 (1, 1) 的单元格引用。

无论如何我都可以用 javascript 来做到这一点。它运行的页面将 jquery 用于其他目的,因此任何基于 jquery 的解决方案都很好。

编辑:为了澄清,左上角的单元格是 (0, 0)。出于性能原因,该事件需要绑定到table,不是 tds。


使用以下命令可以非常轻松地完成此操作target的财产event object:

$('#mytable').click(function(e) {
    var tr = $(e.target).parent('tr');
    var x = $('tr', this).index(tr);
    var y = tr.children('td').index($(e.target));
    alert(x + ',' + y);
});

这种方法允许您仅将 1 个事件处理程序绑定到整个表格,然后找出单击了哪个表格单元格。这称为事件委托,在正确的情况下可以更加高效,而这个就符合要求。使用这个可以避免将事件绑定到每个<td>,并且它不需要硬编码坐标。所以,如果你的表看起来像这样:

<table id='mytable'>
    <tr>
      <td>hi</td>
      <td>heya</td>
    </tr>
    <tr>
      <td>boo</td>
      <td>weee</td>
    </tr>
</table>

单击时它将提醒坐标。你可以用它做任何事。 :)

如果您发现性能太慢(取决于您的表有多大),那么您将不得不诉诸硬编码或两者的组合,也许只对<tr>索引,因为这将是最慢的获取,然后获取<td>动态索引。最后,如果所有这些坐标业务完全没有必要,并且您真正想要的是对单击的引用<td>,你只需这样做:

$('#mytable').click(function(e) {
    var td = $(e.target);
    // go crazy
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何获取手机的位置 的相关文章

  • 在气球内显示带有照片的多个地标的最佳做法是什么?

    我有一个项目如下 从手机上拍摄几张照片 将照片保存在网络系统中 然后将照片显示在其中的谷歌地球上 我读过很多文章 但它们都使用 fetchKml 我读过的一篇好文章是使用 php 但使用 fetchKml 我不知道是否可以使用 parseK
  • Jquery Smoothscroll 函数 - 如何控制动画速度?

    有人可以帮助我吗 尝试通过我的平滑滚动和控制速度添加 慢 功能 希望能够实现真正的 平滑滚动 以下是代码 document ready function smoothscroll live click function e html bod
  • document.registerElement - 为什么我们需要指定“prototype”和“extends”?

    考虑我想扩展本地button元素 并创建我自己的super button元素 据我所知 它必须遵循以下模式 var SuperButton document registerElement super button prototype Ob
  • 无法让 CloudKit 进行身份验证(使用 Javascript 和服务器到服务器密钥)

    我正在尝试使用苹果的cloudkit js文件以建立与 CloudKit 的服务器到服务器连接 然而 尽管配置混乱了几个小时 我似乎无法让 CloudKit 认为我的请求有效 我的配置逻辑非常简单 const privateKeyFile
  • 开始使用 Three.js 中的行进立方体

    我是 Three js 的新手 正在寻找教程来帮助我开始了解如何在 Three js 中使用 Marching Cubes 到目前为止 我在 Three js 中看到的一些使用它的项目对我来说有点复杂 所以一个简单的教程会很好 谢谢 像您一
  • 在 JavaScript 中引用 C# 变量

    我已经阅读了很多线程 但我不明白为什么这不起作用 我正在创建一个将用作导航栏的 SharePoint Web 部件 一切都很顺利 直到我尝试在 JS 代码中引用 C 变量 这是来自 VisualWebPart1UserControl asc
  • ajax 调用成功后点击链接 href

    我有一个正常的链接 a href http www google com class continue Continue a 我已将点击绑定到一个事件来发布 ajax 请求 如下所示 continue click function ajax
  • 检测 iPad Safari 用户的最佳方法

    添加用于检测 iPad Safari 用户的代码的最佳方法是什么 我的意思是我们应该使用 1 CSS 通过链接媒体 2 JS 通过navigator对象 我听说使用用户代理字符串并不是检测 iPad 的最佳方法 因为存在不一致的情况 请建议
  • Liferay ajax 请求和 JSON 响应

    我是 Liferay 的新人 我使用服务生成器来创建数据库 我手动填充它们 最终我可以使用 JSP 调用它们PersonLocalServiceUtil class 现在我想在我的程序中使用Ajax 例如 有属性的人personID per
  • 如何在 AWS Amplify 上运行 React/Redux 应用程序的代理

    我最近实施了Proxy 在 Express js 中 对于我的反应应用程序发出请求时隐藏 API URL 当我在本地主机上运行代理和应用程序时 它工作得非常好 现在我已准备好将我的应用程序部署到AWS 放大 我对如何让我的代理在那里运行有点
  • 什么是闭包编译器?

    如果您不知道我在说什么 请查看以下内容 http closure compiler appspot com home http closure compiler appspot com home 这是一个 JavaScript 压缩器 在他
  • 使用 Google 地图 API 进行反向地理编码

    我正在研究 JavaScript Google Map API 版本 3 更准确地说 正在研究反向地理定位 在 的帮助下官方文档 http code google com intl fr apis maps documentation ge
  • 防止 Bootstrap IE 下拉列表在滚动条单击时关闭

    在 IE 中 单击下拉菜单滚动条时 下拉菜单将关闭 当您使用鼠标滚轮滚动它时 效果很好 这是代码层链接 https www codeply com go Uh8qadr3q2 https www codeply com go Uh8qadr
  • jQuery clone() 复制数据...有时...?

    使用下面的示例 我有一个tr我正在复制 它包含一个 jQueryautocomplete 第一次克隆时 自动完成功能不起作用 因为附加的data items 一片空白 第二次单击 添加 按钮时 自动完成功能将起作用 此后 再次单击 添加 会
  • FB.getLoginStatus() 不起作用

    我正在尝试编写一段代码来检查用户是否登录 发现FBJS API中有一个内置方法 叫做getLoginStatus 我已经在html中实现了它 但出于某种原因 getLoginStatus 内部的alert 不会被触发 我也尝试在 init
  • 响应覆盖 div 下的链接

    场景是这样的 我已经构建了一个顶部导航原型 它需要在其顶部有一个覆盖 透明 PNG 图像 目前它覆盖了大约 1 3 的链接 请看下面 有什么方法可以让前 1 3 的链接做出响应 即使有一个 div div 部分覆盖它们 覆盖层不会包含任何可
  • RemoveEventListener 在 Firefox 版本 58 中不起作用

    但它在 Chrome 中有效 这是我的 UI EventBus 代码 原型 addEventListener方法是一样的 只不过remove换成了add UI EventBus removeEventListener function ob
  • IE 中带有“删除”方法的 jQuery.ajax 问题

    我有一个页面 用户可以使用按钮编辑各种内容并选择触发 ajax 调用 特别是 一个操作会导致远程调用一个 url 其中包含一些数据和 放置 请求 这 因为我使用的是宁静的 Rails 后端 会触发我的更新操作 我还有一个删除按钮 它调用相同
  • CSS 未使用 req.params 或其他内容加载

    我对节点 表达等非常陌生 我制作了一个博客应用程序 但遇到了问题 我正在使用 mongoose node express 和 ejs 当我打电话时 router get posts function req res Post find fu
  • 如果列表在初始化之前为空,则 jQuery 可排序无法与水平列表正常工作

    如果我在初始化后将元素添加到列表中 sortable它无法正常工作 参见示例jsFiddle http jsfiddle net NQMPr 1 示例 HTML div class container div br

随机推荐

  • 如果我在 Fragments 中使用 ViewBinding,onDestoryView() 之后会出现 NPE 吗?

    我正在尝试在片段中使用 ViewBinding 首先 谷歌是这样说的 注意 碎片比他们的观点更长久 确保清除片段的 onDestroyView 方法中对绑定类实例的所有引用 在片段中使用视图绑定 https developer androi
  • 如何在 gnuplot 中设置网格间距

    我的 yaxis 从 0 到 100 我想要每 10 个单位后有一条网格线 我怎样才能做到这一点 即如何在每10个单位之后绘制网格线 看看 帮助网格 你可能想做类似的事情 set yrange 0 100 set xrange 0 10 s
  • 为什么 DWORD 值通常以十六进制表示?

    我试图理解为什么 DWORD 值经常在 MSDN 上以十六进制描述 我分析这个的原因是因为我试图从根本上理解为什么所有这些不同的数字数据类型存在 一位当地导师向我暗示 DWORD 和其他 Microsoft 类型的创建与处理器的发展有关 这
  • 如何接受像“2.0”这样的整数,但例如“2.1”作为浮点数? Python

    我试图让用户在输入字母或非整数时收到错误消息 并且当输入整数时 程序将继续显示该整数的平方和立方 我的老师不希望代码出现任何 中断 或任何 ValueErrors print Squaring and cubing integer prog
  • 将 xgboost.Booster 类转换为 XGBRegressor 或从 xgboost.Booster 加载 XGBRegressor

    我从 Sagemaker 获得了一个模型 其类型为
  • 使用标签和优先级记录到 Crashlytics,而无需发送到 logcat

    根据以下说明 有两种方式登录 Crashlytics文档 https docs fabric io android crashlytics enhanced reports html custom logging Crashlytics l
  • 如何捕获通过读/写文件引发的所有异常?

    在Java中 有没有办法获取 捕获 所有exceptions而不是单独捕获异常 如果需要 您可以向方法中添加 throws 子句 那么你不必立即捕获检查的方法 这样 您就可以抓住exceptions稍后 也许与其他时间同时 exceptio
  • 将 SWIG 与构建系统结合使用[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 有人有使用 SWIG 界面生成器 的
  • Codeigniter 数据库插入失败

    目前在我的控制器中 当添加新数据时 我会验证输入 如果存在任何问题 它会让用户知道 否则它将数据传递到模型以插入到数据库中 现在我如何检查插入语句在模型中是否正常工作 并让用户知道是否没有 像下面这样的插入语句是否返回 true 或 fal
  • HTML5 视频自动播放且声音未静音

    我需要在我的网站上实现本地自动播放视频 不过 我知道 当视频没有 静音 属性时 较新的浏览器 即 Chrome Mozilla 和 Safari 会阻止自动播放 所以 有没有办法通过 HTML 或 Javascript 中的任何技巧在 HT
  • 成员函数定义

    正确的做法是什么 定义成员 类 函数inside班上 定义成员 类 函数outside班上 Thanks 假设您正在谈论这三种可能性 头文件中的类定义中定义的方法 方法在头文件中定义在类定义之外 方法定义在实现文件中的类定义之外 那么项目和
  • node_modules/@types/react-dom/... 处出现错误。后续变量声明必须具有相同的类型。变量“a”

    我已经安装了 types react dom 以及 typescript types react 和 types meteor 但是当我尝试从命令行运行类型检查器时 出现以下错误 您可以在此处重现错误并查看我的所有配置 https gith
  • 强制嵌入推文为 100% 宽度

    我试图通过将宽度设置为 100 来强制嵌入的推文做出响应式行为 我尝试按如下方式调整内联宽度 blockquote class twitter tweet width 100 blockquote 我还尝试对 twitter tweet 类
  • C 字符串初始值设定项不包含终止符?

    我对以下 C 代码片段有点困惑 printf Peter string is d bytes n sizeof Peter Peter string is 6 bytes 这告诉我 当 C 编译双引号中的字符串时 它会自动为空终止符添加一个
  • 使用Gson时出现奇怪的“nameValuePairs”键

    我正在尝试重建一个Object从它的字段 我将字段作为 JSONObject 获取 如下所示 JSONObject jObj new JSONObject JSONObject jObj1 new JSONObject JSONObject
  • Apache CXF 客户端代理设置

    我正在尝试使用以下教程开发肥皂服务的消费者http cxf apache org docs developing a consumer html http cxf apache org docs developing a consumer
  • GNU Mailman 的简单/轻量级替代品?

    我正在寻找一个非常简单的邮件列表 unix 友好 稳健性 细粒度可配置性 企业就绪性 无论这意味着什么 都不是要求 我只需要为几个朋友建立一个小型邮件列表 我不想自己破解一些东西 而是想知道是否有人知道已经有类似目标的东西 我现在应该注意的
  • 如何使用 log4j2 Commons 日志桥

    我想将 log4j2 Commons Logging Bridge 与 commons 1 2 一起使用 我尝试使用如下内容 import org apache logging log4j jcl LogFactoryImpl public
  • 在 ASP.net MVC 中通过 jQuery 在客户端本地化验证消息

    我使用 jquery 进行客户端验证以及数据注释 一切工作正常 但我想在数字文本框中输入非数字值时本地化消息 对于服务器端验证 可以通过将 DefaultModelBinder ResourceClassKey 设置为资源类名称并为 Pro
  • 如何获取手机的位置

    我正在编写一个管理非常大的表的脚本 当用户单击表格单元格时 我想知道他们单击了哪个单元格 例如 Click 应该给我一个 1 1 的单元格引用 无论如何我都可以用 javascript 来做到这一点 它运行的页面将 jquery 用于其他目