jQuery - Simulate Click With Mobile Swipe - JavaScript and AJAX forum at WebmasterWorld

I am trying to simulate a click when a user swipes on their mobile. I have different some different options but can't get any of them to work.

At the minute I am trying with tocca.js

The below code allows the issue to be recreated. As you can see left swiping the box should trigger a click on #test-click but it doesn't work.

Any ideas how I can get this to work?

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
</head>

<body>

<div id="test-swipe" style="background-color: red; min-height: 200px;"></div>

<a id="test-click" href="https://google.com">link</a>  

<br ><br >

<a id="manual-trigger" href="https://google.com">manually trigger the click</a>  

<script>
// On Swipe Left
$("#test-swipe").on('swipeleft',function (e,data){
    console.log(data.x);
    console.log(data.y);
    console.log(data.distance.x);
    console.log(data.distance.y); 
    $("#test-click").click();
});
</script>

<script>
// On Manual Click
$( "#manual-trigger" ).on( "click", function() {
 $("#test-click").click();
});
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Tocca.js/2.0.9/Tocca.min.js"></script>

</body>
</html>

jQuery - Simulate Click With Mobile Swipe

almo136

csdude55

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week