blocks|key|3637562|text|您可以使用offsetLeft和offsetTop|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3637563|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>you can use offsetLeft and offsetTop</p>


blocks|key|3637565|text|尝试使用this或this。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3637566|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codelifter.com/main/javascript/capturemouseposition1.|1|http://snipplr.com/view/3032/get-mouse-position-from-quirksmodeorg/^0|4|4|0|9|4|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

blocks|key|5751782|text|据我所知，不同浏览器获取视区位置的代码不同，所以使用某种框架会更容易一些，例如，Prototype有一个函数document.viewport.getScrollOffsets+(我相信这就是您想要的)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5751783|然而，获取坐标只是其中的一部分，另一部分将在稍后处理它们。在这种情况下，您可以将事件侦听器添加到window.unload事件，当该事件触发时，将位置保存在cookie中，稍后，当用户再次打开页面时，检查该cookie是否存在并相应地滚动。|5751784|但是，如果您所关心的是让用户返回到他通过浏览器的后退按钮访问页面时所在的位置，那么大多数浏览器不是已经自动做到了吗？|5751785|entityMap|0|LINK|mutability|MUTABLE|url|http://prototypejs.org/api/document/viewport^0|14|9|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

<p>As far as I recall, the code for getting the viewport position differs between browsers, so it would be easier to use some kind of framework, for example, <a href="http://prototypejs.org/api/document/viewport" rel="nofollow noreferrer">Prototype</a> has a function document.viewport.getScrollOffsets (which, I believe, is the one you're after).</p>
<p>However, getting the coordinates is only one part, the other would be doing something with them later. In this case you could add event listener to window.unload event, when that one fires, save the location in a cookie and later, when the user opens the page again, check whether that cookie is present and scroll accordingly.</p>
<p>Though if all you care about is getting the user back to the place he was when he comes to the page via the browser's Back button, don't most browsers already do that automatically?</p>


blocks|key|2434440|text|通常，如果您导航离开然后返回，浏览器将保留页面视区(在您最喜欢的新闻网站上的任何页面上尝试使用它)。唯一的例外可能是调整缓存设置，以便每次都重新下载和重新呈现页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2434441|不这样做(即不将页面设置为从不缓存)可能是解决问题的最简单、最不显眼的方法。|2434442|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>Usually, the browser will preserve the page viewport if you navigate away and then back (try it with any pages on your favorite news site). The only exception to this is probably if you adjust your cache settings to re-download and re-render the page each time.</p>

<p>Not doing that (that is, not setting your page to never be cached) is probably the easiest, least obtrusive way to solve your problem.</p>


blocks|key|2434462|text|要获取用户在页面上单击的x-y位置，请使用以下jQuery代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2434463|<html>
++++<head>
++++++++<script+type="text/javascript"+src="jquery.js"></script>
++++++++<script+type="text/javascript">
++++++++++++jQuery(document).ready(function(){
++++++++++++++++$("#special").click(function(e){
++++++++++++++++++++$('#status2').html(e.pageX+%2B',+'%2B+e.pageY);
++++++++++++++++});+
++++++++++++});
++++++++</script>
++++</head>
++++<body>
++++++++<h2+id="status2">
++++++++++++0,+0
++++++++</h2>
++++++++<div+style="width:+100px;+height:+100px;+background:#ccc;"+id="special">
++++++++++++Click+me+anywhere!
++++++++</div>
++++</body>
</html>|code-block|syntax|javascript|2434464|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>To get the x-y location of where a user clicked on a page, use the following jQuery code:</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
            jQuery(document).ready(function(){
                $("#special").click(function(e){
                    $('#status2').html(e.pageX +', '+ e.pageY);
                }); 
            });
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;h2 id="status2"&gt;
            0, 0
        &lt;/h2&gt;
        &lt;div style="width: 100px; height: 100px; background:#ccc;" id="special"&gt;
            Click me anywhere!
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>


<p>I'm trying to make it so when a user scrolls down a page, click a link, do whatever it is they need to do, and then come back to the pages w/ links, they are at the same (x-y) location in the browser they were before.  How do I do that?</p>

<p>I'm a DOM Newbie so I don't know too much about how to do this.  </p>

<p>Target Browsers: IE6/7/8, Firefox 2/3, Opera, Safari</p>

<p>Added: I'm using a program called JQuery to help me learn</p>


How do I use Javascript to locate by X-Y Coordinates in my browser?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试这样做:当用户向下滚动一个页面，单击一个链接，做他们需要做的任何事情，然后返回到带有链接的页面时，它们在浏览器中的位置是相同的(x-y)。我该怎么做？我是一个DOM新手，所以我不知道怎么做。目标浏览器: IE6/7/8、Firefox 2/3、Opera、Safari补充:我正在使用一个名为JQuery的程序...

问如何使用Javascript在浏览器中按X-Y坐标定位？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Javascript在浏览器中按X-Y坐标定位？EN