I tried to focus or trigger but it's not working. Please let me know if you have any knowledge. Thanks in advance!
<button onclick="myFunction()">Click</button>
<button id="close-btn">Focus Button</button>
function myFunction() {
let closeBtn = document.getElementById('close-btn');
closeBtn.focus();
}
This may solve your problem, the css part is just to show the effect.
document.querySelector('#open-btn').addEventListener('click', ()=>{
document.querySelector('#close-btn').focus()
})button:focus {
border: 2px solid rgb(54, 13, 13);
background-color: aquamarine;
}<!DOCTYPE HTML>
<html>
<body>
<button id="open-btn">Click</button>
<button id="close-btn">Focus Button</button>
</body>
</html>Try using
function(e) {
e.preventDefault();
.....
}
This will prevent the browser's default behavior of any element.
Thanks!