Javascript 输入提交按钮在android设备上不起作用

Javascript 输入提交按钮在android设备上不起作用,javascript,jquery,google-chrome,button,Javascript,Jquery,Google Chrome,Button,我有一个带有提交按钮的网站,可以点击,但在android(chrome)上没有任何操作。在PC chrome上运行良好。不知道问题出在哪里 <input style="display:none" type="submit" class="inline-right vytvorplakat" value="Publikovat plakát" onclick="capture();" /> 我试过:(正如纳夫约特·辛格所建议的)但仍然是同样的问题,只在桌面上有效 <input

我有一个带有提交按钮的网站,可以点击,但在android(chrome)上没有任何操作。在PC chrome上运行良好。不知道问题出在哪里

<input style="display:none" type="submit" class="inline-right vytvorplakat" value="Publikovat plakát" onclick="capture();" />
我试过:(正如纳夫约特·辛格所建议的)但仍然是同样的问题,只在桌面上有效

<input style="display:none" type="submit" class="inline-right vytvorplakat" value="Publikovat plakát" <a href="javascript:capture()">

onclick
已被弃用,在现代浏览器或设备上可能会出现意外行为。尝试为单击绑定事件侦听器,如下所示:

  document.getElementsByClassName("vytvorplakat")[0].addEventListener("click", capture);
更新

说明性片段:

函数捕获(){
console.log('test');
//这是您的html2canvas代码
}
document.getElementsByClassName(“vytvorplakat”)[0]。addEventListener(“单击”,捕获)

尝试在JS中绑定事件以解决此问题:)

我想这会解决你的问题 将ID设置为此按钮并在此ID中绑定事件 因为Onclick不支持某个浏览器

HTML

<input id="testing" type="submit" class="inline-right vytvorplakat" value="Publikovat plakát"  />

当按钮设置为“显示:无”时,如何单击按钮?有脚本,检查文本区域中的输入是否正确,如果是,按钮可见。它可以工作,该按钮在PC和手机上都能正确显示,但在手机上单击它什么也不做,然后在PC上提交。看看这个。谢谢,但是我不知道该放在哪里,应该放在“function capture()”脚本中吗?@user7176800,这和我的答案有什么不同?我的答案是一样的,只是纯JavaScript。我的解决方案不起作用??
<input id="testing" type="submit" class="inline-right vytvorplakat" value="Publikovat plakát"  />
$("#testing").on("click" ,capture );

function capture() {
   //remove this alert 
  alert("Welcom from capture");
  $('#target2').html2canvas({
    onrendered: function(canvas) {
      //Set hidden field's value to image data (base-64 string)
      $('#img_val').val(canvas.toDataURL("image/png"));
      //Submit the form manually
      document.getElementById("myForm").submit();
    }
  });
}