Skip to content

krzychukula/keyboard-nav

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

keyboard-nav

navigate nav by keyboard

<script>
	document.addEventListener( "DOMContentLoaded", ready, false )
	function ready () {
		var nav = new KeyboardNav();
	}
</script>

for:

<ul>
	<li class="active">
		<a href="/1">1</a>
	</li>
	<li class=""><a href="/2">2</a></li>
	<li class=""><a href="/3">3</a></li>
	<li class=""><a href="/4">4</a></li>
</ul>

configure:

new KeyboardNav({
	activeSelector: '.active',	//querySelector format
	prevCode: 37,								//char code of left arrow
	nextCode: 39								//right arrow
})

About

navigate nav by keyboard

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published