The most common way to open links in a new tab is to middle click the link in the web browser or right-click. To open a link in a new tab by default you need to add target="_blank" to the hyper links, but this would get annoying over time if you have to add this to every link in your source. You can add this simple jQuery snippet to your source to open every external link in a new tab of the web browser. If you don’t already have jQuery need a local copy of it or use Google’s hosted library CDN for jQuery.

 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

You need to load jQuery before this script loads or else this script won’t work.


<script type="text/javascript">
$(document).ready(function(){
	$('a').each(function() {
		var a = new RegExp('/' + window.location.host + '/');
		if(!a.test(this.href)) {
			$(this).click(function(event) {
				event.preventDefault();
				event.stopPropagation();
				window.open(this.href, '_blank');
			}
			);
		}
	}
	);
}
);
</script>

Published by Darryl

Darryl is a motivational writer on the pursuit of reaching next level of productivity, health, wealth and fulfillment.

Leave a comment

Leave a Reply