Execute Save

Team

Created By: Guest

Title:

navigate Hash URL Programatic

Title

Copy Link

Public CodeBins
HELP

New CodeBin

CodeBins Versions

navigate Hash - V.1

Recent CodeBins

View All CodeBins

$("a[href^=#]").click(function(e) {
    e.preventDefault(); //Just for demo purpose desabling Browser's behaviour
    var hash = this.href.substr(this.href.indexOf('#') + 1);
    $("#" + hash).focus(); //Setting focus on hashed div
});

$("a[href^=#]").each(function(i, e) {
    var hash = this.href.substr(this.href.indexOf('#') + 1);
    $("#" + hash).attr("tabindex", "-1"); //Setting tabindex on hashed div to be able to focus it
});

Setting Validate Copy Format

<a href="#a">
  1 
</a>
&nbsp; 
<a href="#b">
  2 
</a>
&nbsp; 
<a href="#c">
  3 
</a>
&nbsp; 
<a href="#d">
  4 
</a>
&nbsp; 
<a href="#e">
  5 
</a>
&nbsp;  
<a href="#f">
  6 
</a>
&nbsp; 

<div id="a">
  1. aaa
</div>
<br />
<br />
<br />
<div id="b">
  2. aaa
</div>
<br />
<br />
<br />
<div id="c">
  3. aaa
</div>
<br />
<br />
<br />
<div id="d">
  4. aaa
</div>
<br />
<br />
<br />
<div id="e">
  5. aaa
</div>
<br />
<br />
<br />
<div id="f">
  6. aaa
</div>
<br />
<br />
<br />

Copy Format

Download