JSFiddle - React, Tailwind, and code Playground

by grippstick

HTML

<button onclick="copyPageUrl()">
Copy
</button>

JavaScript

async function copyPageUrl() {
    console.error('copying');
  try {
  await navigator.clipboard.writeText(location.href);
    console.log('Page URL copied to clipboard');
  } catch (err) {
    console.error('Failed to copy: ', err);
  }
}


const queryOpts = { name: 'clipboard-read' };
const permissionStatus =  navigator.permissions.query(queryOpts);

permissionStatus.then((e)=>{
	// Will be 'granted', 'denied' or 'prompt':
	console.log('permissionStatus');
	// Will be 'granted', 'denied' or 'prompt':
	console.log(e);
})


// Listen for changes to the permission state
permissionStatus.onchange = () => {
  console.log(permissionStatus.state);
};