Eingabe-Taste nicht funktioniert auf Android-Geräte

Ich habe Website mit Schaltfläche senden, Es kann geklickt werden, aber es gibt keine Aktion auf Android (Chrom). Auf PC-Chrome funktioniert es gut. Weiß nicht, wo das Problem ist ...Eingabe-Taste nicht funktioniert auf Android-Geräte

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

function 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(); 
     } 
    }); 
}

Ich versuche dies: (als Navjot Singh vorgeschlagen), aber immer noch das gleiche Problem, funktioniert nur auf Desktop-

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

Quelle

2017-01-27 user7176800

Wie kann der Butto n angeklickt werden, wenn 'display: none' eingestellt ist? –

Es gibt ein Skript, das prüft, ob eine korrekte Eingabe in einem Textbereich vorhanden ist. Wenn ja, ist der Button zulässig. Es funktioniert, der Button zeigt sowohl am PC als auch am Handy korrekt an, aber beim mobilen Klick macht es nichts und auf dem PC wird es übermittelt. – user7176800

werfen Sie einen Blick darauf. http://StackOverflow.com/Questions/5453937/onclick-Event-Not-Working-in-Javascript –

versuchen Bind Ereignis in JS Um dies zu lösen Ausgabe :)

$(".vytvorplakat").on("click" ,capture);

Ich denke, das Ihr Problem Set ID auf diese Schaltfläche und Bind Ereignis in dieser ID lösen Da Onclick ein paar Browser

HTML

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

js nicht unterstützen

$("#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(); 
    } 
    }); 
}

Quelle

2017-01-27 10:07:52

Ja! Das hat funktioniert! Thnaks viel :) – user7176800

@ user7176800, wie unterscheidet sich das von meiner Antwort? Meine Antwort ist die gleiche, nur pures JavaScript. Meine Lösung hat nicht funktioniert ?? – Ionut

onclick veraltete und Es kann unerwartetes Verhalten auf modernen Browsern oder Geräten haben. Versuchen Sie einen Ereignis-Listener für das click wie diese Bindung:

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

UPDATE:

Demonstrativ Schnipsel:

function capture() { 
 
    console.log('test'); 
 
    //here goes your html2canvas code 
 
} 
 

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

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

Quelle

2017-01-27 09:09:57 Ionut

Danke, aber nicht wissen, wo es zu setzen, sollte es etwas in der "Funktion capture()" Skript sein? – user7176800

Eingabe-Taste nicht funktioniert auf Android-Geräte

Antwort

Verwandte Themen