Trigger formTemplate Button from iPhone enter

I have a formTemplate and when the user starts typing, the keyboard opens on the iPhone for faster typing. How can I make the button in the formTemplate triggered by the iphone enter button?

Is there any eventListener or similar?

function emailTemplate() {
var template = "<document><formTemplate><banner><description>Enter email for access</description></banner><textField id='email' keyboardType='emailAddress'>Your email</textField><footer><button><text>Submit</text></button></footer></formTemplate></document>";
//    var parser = new DOMParser();
//    var doc = parser.parseFromString(template , "application/xml");

var templateParser = new DOMParser();
var parsedTemplate = templateParser.parseFromString(template, "application/xml");
var loading = loadingTemplate();
loadingScreen);
pushPage(parsedTemplate, loading);

var email = parsedTemplate.getElementById("email");
parsedTemplate.addEventListener("select", function() { submit(email); });

}

function submit(textField) {
var keyboard = textField.getFeature('Keyboard');
var email = keyboard.text;

if (isValidEmailAddress(email)) {
    
    localStorage.setItem("email", email);
    initPage();
    
} else {
    console.log("amail is not valid");
}

}