JSFiddle - React, Tailwind, and code Playground
HTML
<a href="https://google.com" target="_blank" id="target">Click me!</a>
JavaScript
var anchor = document.querySelector('#target');
function triggerClick(target) {
var newClick = new MouseEvent('click', {
view: window,
bubbles: true,
cancelable: false
});
target.dispatchEvent(newClick);
}
anchor.addEventListener('click', function(e) {
e.preventDefault();
if(e.defaultPrevented) {
alert('Prevented!');
triggerClick(anchor);
}
else {
// ...
}
});