i used this code
const copyBtns = [...document.getElementsByClassName('copy')]
copyBtns.forEach(btn=> btn.addEventListener('click', ()=>{
content = btn.getAttribute('data-content')
navigator.clipboard.writeText(content)
btn.textContent = "تم النسخ"
}))
copy not working on click in mobile, and it's working with any computer. what is the solution?
I've used this approach in the past for web apps, which uses jQuery to construct a hidden <input> field and copy the text from there. This seems to work well cross-platform, including Android and iOS devices.
const temp = $('<input>');
$('body').append(temp);
temp.val('YOUR STRING HERE').select();
document.execCommand('copy');
temp.remove();
I suspect the reason your code is not working is because the mobile browser does not have access to (or support for) clipboard. Can I Use? is a great resource to determine support for CSS/HTML and other browser APIs .