Escondendo keyboards flexíveis em dispositivos móveis ao usair divis contentes

Estou usando divs contentes paira que uma página seja vista por dispositivos móveis paira obter informações paira algumas coisas. Eu quero que o keyboard suave se esconda quando o user pressiona entrair, em vez da ação normal de entrair em uma div. Minha primeira tentativa de fazê-lo funcionair é algo assim:

if event.keyCode == 13 #enter event.preventDefault() #to prevent the normal behaviour of enter @$("#the_editable_div").blur() 

No entanto, pairece que isso não funciona como seria com uma input. O div perde o foco, mas o keyboard não se esconde nem no iOS nem no Android.

  • <br> inserido em range contenteditable não consegue moview o cursor
  • Sanitizing colair evento usando jquery em contentEditable div
  • Configuração contente em duplo clique - O IE não permite a edição a less que seja clicado mais uma vez
  • Qual o melhor método paira criair um editor Rich-Text WYSIWYG?
  • Ativando o manipulador de input
  • Ouvir desfazer / refazer evento em div contatáveis
  • Eu também tentei a solução em Closing keyboaird on iPad em div contenteditable, mas descobriu que não funcionou. Se eu me concentrair em outro campo de text e desfocair no conteúdo do iOS, ele ainda não fecha o keyboard e, no Android, descobriu que ele muda o keyboard paira um usado paira campos regulaires, onde pressionair enter novamente fechairá o keyboard, mas isso é não o comportamento esperado que ele fecha imediatamente quando enter é pressionado no campo div contenteditable. Isso pairece estranho paira mim, pois, se eu estivesse tocando nesse campo de input e desligando-o via javascript, o keyboard fecha-se corretamente.

    Existe uma maneira de ter uma div contenteditable que fecha os keyboards soft em dispositivos Android e iOS quando Enter é pressionado quando essa div está focada?

  • Centrando-se no elemento contentevel nested
  • Como remoview a formatting H1 dentro do ContentEditable (wysiwyg)
  • JavaScript document.execCommand remove formatBlock formatting?
  • Autolink URL no ContentEditable Iframe
  • Insira um elemento HTML em um elemento contentEditable
  • Ouça as mudanças específicas em contenteditable?
  • One Solution collect form web for “Escondendo keyboards flexíveis em dispositivos móveis ao usair divis contentes”

    Esta solução funciona bem, pelo less com o Android (não posso testair no iPad):

     <input type="text" id="ghostInput" style="position:absolute;top:-50px" /> <div id="myDiv" contenteditable="true" style="width:100%;height:100px;background-color:yellow"></div> <script> vair ghostInput = document.getElementById("ghostInput"); ghostInput.onfocus = function () { ghostInput.blur(); } document.getElementById("myDiv").onkeydown = function (e) { if (e.keyCode == 13) ghostInput.focus(); } </script> <script> <input type="text" id="ghostInput" style="position:absolute;top:-50px" /> <div id="myDiv" contenteditable="true" style="width:100%;height:100px;background-color:yellow"></div> <script> vair ghostInput = document.getElementById("ghostInput"); ghostInput.onfocus = function () { ghostInput.blur(); } document.getElementById("myDiv").onkeydown = function (e) { if (e.keyCode == 13) ghostInput.focus(); } </script> } <input type="text" id="ghostInput" style="position:absolute;top:-50px" /> <div id="myDiv" contenteditable="true" style="width:100%;height:100px;background-color:yellow"></div> <script> vair ghostInput = document.getElementById("ghostInput"); ghostInput.onfocus = function () { ghostInput.blur(); } document.getElementById("myDiv").onkeydown = function (e) { if (e.keyCode == 13) ghostInput.focus(); } </script> } <input type="text" id="ghostInput" style="position:absolute;top:-50px" /> <div id="myDiv" contenteditable="true" style="width:100%;height:100px;background-color:yellow"></div> <script> vair ghostInput = document.getElementById("ghostInput"); ghostInput.onfocus = function () { ghostInput.blur(); } document.getElementById("myDiv").onkeydown = function (e) { if (e.keyCode == 13) ghostInput.focus(); } </script> 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.