javascript & ontouch

Question

我对Javascript很陌生，我想知道是否有人能告诉我'ontouch‘函数是如何以正确的方式添加的。我有这个html onclick函数，它在浏览器中工作得很好，但在iPhone上却不行：

<a href="javascript:void(0);" style="font-size:12px; color: #f2f2f2;" class="icon" onclick="myFunction()">&#9776;</a>

以及javascript部分：

function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }
}

在这里搜索，人们建议添加这样的东西：

// First we check if you support touch, otherwise it's click:
let touchEvent = 'ontouchstart' in window ? 'touchstart' : 'click';

// Then we bind via thát event. This way we only bind one event, instead of the two as below
document.getElementById('hbs').addEventListener(touchEvent, someFunction);

// or if you use jQuery:
$('#hbs').on(touchEvent, someFunction);

但何去何从？

Answer 1

HTML：

<a href="javascript:void(0);" style="font-size:12px; color: #f2f2f2;" class="icon" onclick="myFunction()">&#9776;</a>

联署材料：

function myFunction() {

  // the code that need to be executed when button is clicked

}

Answer 2

可能对你有帮助。

$('myTopnav').bind('touchstart' , function(e) { 
   // get x,y code
   var touch = e.touches[0];
   var y = touch.pageY;
   var x = touch.pageX;

   // pass to function down(x,y);
   down(x,y);
});

function down(x,y) {
   // do something with x,y
}