[Resolvido] CTRL+ENTER para enviar o formulário

[Profissionalweb.net 0]

Olá a todos, bom dia,

 

Preciso de vossa ajuda

 

Consegui fazer o CTRL+ENTER para enviar o formulário mas só funciona direito no Firefox 8

 

Mas não funciona direito no IE 9, Opera 11 e Chrome 14

 

Testei nesses browsers

 

É por isso que não há browser melhor que o Firefox

 

O código que estou a utilizar é o seguinte:

 

$('textarea').keypress(function(e){
       if (e.ctrlKey && e.keyCode == 13) {
           $("#enviar").click();
       }
});

 

Podem testar isso aqui:

 

http://www.profissionalweb.net/chamada.php

 

Ajudem-me a por isso em funcionamento em todos os browsers

 

Obrigado

[51L3N7 1]

Tenta trocar aquele .click() por .submit().

[Profissionalweb.net 0]

Não funcionou com o submit()

 

Fiz:

 

$('textarea').keypress(function(e){
       if (e.ctrlKey && e.keyCode == 13) {
           $("#enviar").submit();
       }
});

 

Com o click() só funciona no Firefox 8, só testei a versão 8, não testei as outras versões do firefox

[Ramon Almeida 0]

Tente o evento KeyDown e chame o evento submit no elemento form:

 

$('textarea').keydown(function(e){
   if(e.keyCode == 13 && e.ctrlKey){
           $("form").submit();
   }
});

[Henrique Barcelos 290]

Altere para isso:

$('textarea').keydown(function(e){
   e = e || window.event;
   var charCode = e.which || e.keyCode;
   if(charCode == 13 && e.ctrlKey){
           $(this).closest("form").submit();
   }
});

[Profissionalweb.net 0]

Eu coloquei o submit no form em vez de ser no botão e funciona o Firefox 8 e no Opera 11

No Chrome 14 não funciona nem no IE 9

 

Como posso resolver o problema ?

[Ramon Almeida 0]

Bom vamos lá...

 

Acredito que a parte que nos interessa no seu site seja a que está dentro da div #escrever:

 

<div id="escrever">
   <form action="chamada10.php" method="post" name="frminsmensagens" id="frminsmensagens">
      <textarea name="mensagem" cols="100" rows="10"></textarea><br>
      <input name="enviar" id="enviar" type="submit" value="Enviar">
      <input name="limpar" id="limpar" type="reset" value="Limpar">
   </form>
</div>

 

então nosso js vai ficar assim:

 

$('textarea[name=mensagem]').keydown(function(e){
     if(e.keyCode == 13 && e.ctrlKey){
       $("#frminsmensagens").submit();
     }
});

 

Olha o exemplo funcionando:

 

http://jsbin.com/azoluc/edit#preview

 

Clique em Code (canto superior esquerdo) para ver todo o código

[Profissionalweb.net 0]

Olá a todos,

 

Ramon, o código que tenho é esse também

 

Mas não funciona no IE 9 nem no Chrome 14

 

As outras versões não testei

[Ramon Almeida 0]

César,

o exemplo que eu postei está funcionando no Chrome 14 e no IE 9, estranho =S

 

Deixa eu ver como está o seu código...

[Profissionalweb.net 0]

Vou colocar o meu código então

 

$(document).ready(function() {
  $("textarea").focus();

   $('textarea').keypress(function(e){
       if (e.ctrlKey && e.keyCode == 13) {
           $("#frminsmensagens").submit();
       }
   });

  $("#mensagens").load("chamada8.php");
  var refreshId = setInterval(function() {
     $("#mensagens").load('chamada8.php');
  }, 3000);
  $.ajaxSetup({cache: false});
});

 

Qual será o erro ?

[Ramon Almeida 0]

Você está usando o evento keypress:

 

$('textarea').keypress(function(e){

 

tente com o keydown como no exemplo que eu postei:

 

 $('textarea[name=mensagem]').keydown(function(e){

[Profissionalweb.net 0]

Era mesmo isso

 

Agora com o novo evento funcionou em todos os browsers

 

Porque o outro evento não funcionava no Chrome nem no IE ?

[Ramon Almeida 0]

Porque o evento KeyPress não suporta teclas como shift, ctrl, alt, etc...

[Profissionalweb.net 0]

Ah, entendi

 

Muito obrigado pela ajuda