Hoe kan ik de knop 'Go' of 'Verzenden' gebruiken op een mobiel softwaretoetsenbord in een HTML5-app?

Mobiele apparaten met softwaretoetsenborden veranderen vaak het toetsenbord bij het invullen van een webformulier, zodat de gebruiker deze met één klik kan indienen en voorkomen dat de knop 'verzenden' van het formulier wordt geblokkeerd.

Hoe krijg je toegang tot deze functionaliteit via een phonegap/cordova/andere HTML5-app?

Ik heb hier een tijdje mee geworsteld, dus ik zal het antwoord hier delen.

6

1 antwoord

This blog post by Matt Nunes showed me that the type="submit" input should be the first button in the form.

Once you know this, you might be satisfied, but I wanted to hide the button - why have it when you want the user to use their keyboard? For an outline of how to do this, check out this related question - Is it too much to ask to have an invisible button on jQuery Mobile?

Als de gebruiker op de knop 'go' op zijn zachte toetsenbord tikt, wordt deze effectief weergegeven in de browser als een klik op de knop verzenden . daarom

(1) Negeer de standaardgebeurtenis

(2) Winst.

Hopelijk helpt dit iemand.

6
toegevoegd
In mijn geval kan ik geen klikgebeurtenis over verzenden ontvangen door op de knop "go" te drukken als invoer is verborgen (als deze niet is verborgen - het werkt). Ik werk dit af met css: "width: 1px; height: 1px; background: transparent; border: 0;". Misschien helpt het ook iemand.
toegevoegd de auteur MikhailSP, de bron
Oops! Google Chrome kon blog.mattnunes.com niet vinden. Bedoelde u: mattnunes.com
toegevoegd de auteur Howard, de bron