Javascript 获取上次单击的HTML书签

Javascript 获取上次单击的HTML书签,javascript,jquery,html,Javascript,Jquery,Html,是否可以通过javascript/jquery获取上次单击的html书签 以下是html: <a href="#div1">div1</a> <a href="#div2">div2</a> 第1部分如下: <div id="div1"> DIV 1 - Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri

是否可以通过javascript/jquery获取上次单击的html书签

以下是html:

<a href="#div1">div1</a>
<a href="#div2">div2</a>

第1部分如下:

<div id="div1">
    DIV 1 - Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.
<div>
<div id="div2">
    DIV 2 - Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.
<div>

第1部分-Lorem ipsum Door sit amet,solet nostrud Concludataturque no eam。这是第一次。波尔罗·努拉·兹里尔·梅厄。欧盟在这一问题上的立场是一致的,因为它是一个令人憎恶的国家。《同侧定义》和《同侧定义》

Lorem Ipsum Door sit amet,solet nostrud总结没有eam。这是第一次。波尔罗·努拉·兹里尔·梅厄。欧盟在这一问题上的立场是一致的,因为它是一个令人憎恶的国家。《同侧定义》和《同侧定义》

Lorem Ipsum Door sit amet,solet nostrud总结没有eam。这是第一次。波尔罗·努拉·兹里尔·梅厄。欧盟在这一问题上的立场是一致的,因为它是一个令人憎恶的国家。同侧定义基础和mel。
第1部分如下:

<div id="div1">
    DIV 1 - Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.
<div>
<div id="div2">
    DIV 2 - Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.
<div>

第2部分-Lorem ipsum Door sit amet,solet nostrud Concludataturque no eam。这是第一次。波尔罗·努拉·兹里尔·梅厄。欧盟在这一问题上的立场是一致的,因为它是一个令人憎恶的国家。《同侧定义》和《同侧定义》

Lorem Ipsum Door sit amet,solet nostrud总结没有eam。这是第一次。波尔罗·努拉·兹里尔·梅厄。欧盟在这一问题上的立场是一致的,因为它是一个令人憎恶的国家。《同侧定义》和《同侧定义》

Lorem Ipsum Door sit amet,solet nostrud总结没有eam。这是第一次。波尔罗·努拉·兹里尔·梅厄。欧盟在这一问题上的立场是一致的,因为它是一个令人憎恶的国家。同侧定义基础和mel。

我希望有一个javascript函数,我可以调用它来告诉我是否单击了书签,以及实际单击了哪个书签。

$('a').click(function () {
    alert("You clicked" + this.href); // Will give you the full link
});
alert("You clicked " + this.href.split('#')[1]); //Will give just the div id

$('a').click(function () {
    alert("You clicked" + this.href); // Will give you the full link
});
alert("You clicked " + this.href.split('#')[1]); //Will give just the div id

您需要在方法中找到某种标识符。我刚刚使用了链接的HTML内容:
div1
div2

有很多方法可以做到这一点。根据您想要显示的内容,您始终可以设置链接的属性,然后使用jQuery查找该特定属性

<a href="#div1" display="You clicked div 1!">Div 1</a>

$("a").click(function(){
    alert($(this).attr("display"));
});

$(“a”)。单击(函数(){
警报($(this.attr(“显示”));
});
试试这个

var bookmarkID;
$(document).ready(function(){
    $('a').click(function(){
    bookmarkID = $(this).attr('href').split('#')[1];
        console.log(bookmarkID);
    });
});
在这种情况下,您可以获取变量bookmark id中的最后一个书签


书签?你的意思是你想有一个功能,告诉你是否点击了页面顶部的两个链接之一?很简单。获取location.hash的值,然后选择将其作为href的元素。我想你的小提琴缺少javascript.location.hash,这正是我想要的。非常感谢凯文B。虽然你的答案并不完全是我想要的,但我觉得这是合理的。。。不知道你为什么会被否决。。。