JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <iframe>
    <a>Clickable fdf Area</a>
  </iframe>
</div>

JavaScript

$('div iframe').load(function(){
	var iframeBody = $(this).contents().find("body");
  iframeBody.html("<a href='www.google.com'>clickable area</a>");
  iframeBody.on("click", "a", function(){
  	debugger;
  });
 document.getElementsByTagName("div")[0].addEventListener("click", function(event){
 		event.stopPropagation();
    event.preventDefault();
  	debugger;
 }, true);
 
});
$('iframe').attr("src","JavaScript:'iframe content'");