Capture “done” button click in iphone's virtual keyboard with Javascript

Question

I'm wondering if there's a way to capture the iPhone's virtual keyboard's done button event, using JavaScript?

Basically, I just want to be able to call a JS function when the user clicks done.

Answer 1

The done key is the same as the enter key. So you can listen to a keypress event. I'm writing this using jQuery and i use it in coffee script so I'm trying to convert it back to js in my head. Sorry if there is an error.

$('someElem').bind("keypress", function(e){
   // enter key code is 13
   if(e.which === 13){
     console.log("user pressed done");
    } 
})

Answer 2

I was unable to track the 'done' button being clicked. It didn't register any clicks or keypresses. I had to addEventListeners for change, focusout and blur using jquery (because the project already was using jquery).

Answer 3

You need to do some kind of this:

$('someElem').focusout(function(e) {
    alert("Done key Pressed!!!!")
});

It worked for me, hope it will help you as well.

Answer 4

After searching and trying this solution basically is say:

 document.addEventListener('focusout', e => {});

tested on IPhone 6s

Answer 5

The answer by oron tech using an event listener is the only one that works cross platform.

 document.getElementById("myID").addEventListener("focusout", blurFunction);

 function blurFunction() { // Do whatever you want, such as run another function
const myValue = document.getElementById("myID").value;
myOtherfunction(myValue);
}

Answer 6

attach a blur event to the text box in question. The done fire will fire this event.