Hi i'm writing a plugin without JQuery .
On a single click the item.id is undefined and the link doesn't open. But after a second click the id is defined.
So i'm searching a workaround to make the mouse double click on a single click when clicking on this href link.
The div doesn't have a own default id.
Thanks for your help
This code triggers double click for every a tag that has a class of anchorLink when you singe click on them
I have explained it row by row in the code with comments on how it works
// Creating an event for double click (dblclick)
var event = new MouseEvent('dblclick', {
'view': window,
'bubbles': true,
'cancelable': true
});
// get every a tag with class anchorLink and loop through them
document.querySelectorAll("a.anchorLink").forEach(anchorLink => {
// add click event to it
anchorLink.addEventListener('click', function (e) {
// trigger double click event we created at top
anchorLink.dispatchEvent(event);
});
// This is just to show that it triggers double click by single clicking
// You dont need from here
anchorLink.addEventListener('dblclick', function (e) {
console.log(e.target.innerText);
});
//to here
//
});
<a class="anchorLink" href="#" title="db2un_Fri Oct 18 16_38_15 2019.log" data-dojo-attach-point="linkColumnAnchor">db2un_Fri Oct 18 16_38_15 2019.log</a>
<br>
<a class="anchorLink" href="#" title="db2un_Fri Oct 18 16_38_15 2020.log" data-dojo-attach-point="linkColumnAnchor">db2un_Fri Oct 18 16_38_15 2020.log</a>