Forum Moderators: open
<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>
$('#test-swipe').on('swipeleft', (e, data) => {
console.log(data.x);
console.log(data.y);
console.log(data.distance.x);
console.log(data.distance.y);
$("#test-click").click();
});$('#test-swipe').on('swipeleft', () => {
console.log('swiped');
});$('#test-swipe').on('swipeleft', (e, data) => {
console.log('swiped');
});$('#test-swipe').on('swipeleft', (e, data) => {
console.log(JSON.stringify(data);
});
