Я делаю pwa для мобильных устройств, и вы можете удерживать кнопку пальцем, после чего появится всплывающее окно со стандартным «копировать адрес ссылки», «скопировать текст», «поделиться ссылкой» и т. д.
Как я могу отключить всплывающее окно, не отключая функцию щелчка. Кнопка перенаправляет на другой сайт
<a class = "Button-one" title = "Relevant Title" href = "HTML/test.html">BTN-1</a>
html код кнопки.
С css я, очевидно, могу использовать pointer-events: none;
, но это также удалит основное назначение кнопки.
Чтобы отключить контекстное меню, которое появляется на мобильных устройствах, когда пользователь держит кнопку, вы можете использовать событие contextmenu
в JavaScript. Событие contextmenu
запускается, когда должно быть показано контекстное меню, и вы можете предотвратить его отображение, вызвав метод preventDefault
для объекта события.
document.getElementById("my-button").addEventListener("contextmenu", function(event) {
event.preventDefault();
});
document.getElementById("my-button").addEventListener("click", function() {
// Your click handling code here
});
Если решение работает, рассмотрите принятие ответа, чтобы будущие читатели также могли понять, что вопрос решен.