<DOCTYPE html>
<html>
<head></head>
<body>
<button ontouchstart="gg()" onclick="gg()"></button>
<script>
function gg(){
if (event.type == "touchstart"){
//Здесь удалить обработчик клика
}
}
</script>
</body>
</html>
Задача - избавиться навсегда от срабатывания onclick при срабатывании хотя бы раз ontouchstart.
<button ontouchstart="onclick=null; gg()" onclick="gg()"><button ontouchstart="ontouchstart=onclick; onclick=null; gg()" onclick="gg()">
<button id="btn_103" ontouchstart="gg(this.id)" onclick="gg(this.id)"></button>function gg(id){
if (event.type == "touchstart"){
$('#'+id).off("touchstart");
}
}function gg(id){
$('#'+id).off(event.type);
}<button id="btn_103" ></button>$('#btn_103').on("touchstart click", (event)=>{
// а вот тут уже ваш обработчик, который получит event в качестве переменной!
// выполняем какие-то действия и отключаем обработчик.
// можно вырубить только конкретно использованный обработчик,
// а можно так же через пробел строкой указать все, как при назначении
$(this).off(event.type);
//поскольку this - это ссылка на DOM element, который запустил событие
// вместо this можно использовать event.target - они оба ссылаются на одно и то же
} );
AbortSignal при назначении обработчика события, например:<DOCTYPE html>
<html>
<head></head>
<body>
<button ontouchstart="gg()" onclick="gg()"></button>
<script>
const controller = new AbortController();
const signal = controller.signal;
const abort = () => controller.abort();
document.querySelector('#btn_103')?.addEventListener('click', () => {
abort();
// логика для click
}, { signal } ); // здесь передаем обработчику сигнал остановки
document.querySelector('#btn_103')?.addEventListener('touch', () => {
abort();
// логика для touch
}, { signal } ); // здесь передаем обработчику сигнал остановки
</script>
</body>
</html>
<html>
<head></head>
<body>
<button id="someButton">Click me</button>
<script type="module">
const someButton = document.querySelector('#someButton')
someButton.onclick = e => {
console.log(e)
// сам себя открепляет
someButton.onclick = null
}
</script>
</body>
</html>