SAFR Pkode

<rightclick>
<div class="right-click-124">
<div id="contextMenu" class="context-menu"
	style="display: none">
	<ul>
	    <a href="https://safrtube.sites.com.pk"><li>Home</li></a>
	    <a href="https://safrtube.sites.com.pk/yt/"><li>YouTube</li></a>
	    <a href="https://facebook.com/safrsites"><li>FaceBook</li></a>
	    <a href="https://safrtube.sites.com.pk"><li>↻   <font align="right">Reload</font></li></a></li>
		<a href="https://safrsites.com"><li>SAFR Sites</li></a>
		<a onclick="copyText()"><li>Copy URL</li></a>
	</ul>
</div>

function rightClick(e) {
		e.preventDefault();

if (document.getElementById("contextMenu")
				.style.display == "block")
			hideMenu();
		else{
			var menu = document.getElementById("contextMenu")

menu.style.display = 'block';
			menu.style.left = e.pageX + "px";
			menu.style.top = e.pageY + "px";
		}
	}
	
</script>
<script>
function copyText() {
  /* Get the text field */
  var copyText = document.getElementById("myInput");

/* Select the text field */
  copyText.select();
  copyText.setSelectionRange(0, 99999); /* For mobile devices */

/* Copy the text inside the text field */
  navigator.clipboard.writeText(copyText.value);

}
</script>
<style type="text/css">
	.context-menu {
		position: absolute;
		text-align: center;
		background: #fff;
		border: 1px solid black;
		position:fixed;
	}
	.context-menu ul {
		padding: 0px;
		margin: 0px;
		min-width: 150px;
		list-style: none;
	}

.context-menu ul li {
		padding-bottom: 7px;
		padding-top: 7px;
		border: 1px solid black;
	}

.context-menu ul a {
		text-decoration: none;
		color: black;
	}

.context-menu ul li:hover {
		background: yellow;
	}
</style>
<input value="https://safrtube.sites.com.pk/" id="myInput" style="position:fixed; visibility:hidden;">
  </div>
</rightclick>