Tengo un div que usa contenteditable = "true", cuando uso un dispositivo móvil como iPhone y hago clic en este div (enfocar este div), se abrirá el teclado. Pero cuando hago clic en el botón "Listo" en el teclado (no regresar/ingresar), el teclado no se puede cerrar. ¿Cómo puedo cerrar el teclado cuando hago clic en el botón "Listo"? ¿Alguna idea de lo que estoy haciendo mal?
document.getElementById('send-msg-content').addEventListener("keypress", function( event ) { alert('keypress'); }, true); document.getElementById('send-msg-content').addEventListener("keydown", function( event ) { alert('keydown'); }, true); document.getElementById('send-msg-content').addEventListener("keyup", function( event ) { alert('keyup'); }, true); .send-msg-content{ -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; -khtml-user-select: text; user-select: text; border:1px solid blue; resize: none; } .send-msg-content:empty:before { content: attr(placeholder); color: #aaa; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height: 1em; pointer-events:none; } <div oncontextmenu="return false;" contenteditable="true" placeholder="talk something" class="send-msg-content" id="send-msg-content" inputmode="text"></div>Este archivo gif es mi situación de operación: