Ctrl + Enter jQuery en el área de texto

Question

¿Cómo puedo activar algo cuando el cursor está dentro TEXTAREA y Ctrl +Introduzca se presiona? Usando jQuery. Gracias

Answer 1

Usted puede utilizar el indicador event.ctrlKey para ver si se pulsa la tecla Ctrl , algo como esto:

$('#textareaId').keydown(function (e) { 

    if (e.ctrlKey && e.keyCode == 13) { 
    // Ctrl-Enter pressed 
    } 
}); 

Comprobar el fragmento here anteriormente.

Answer 2

primero tiene que establecer una bandera cuando se presiona Ctrl, haga esto onkeydown. entonces debes verificar la clave de enter. desactive la bandera cuando vea una combinación de teclas para Ctrl.

Answer 3

$('my_text_area').focus(function{ set_focus_flag }); 

//ctrl on key down set flag 

//enter on key down = check focus flag, check ctrl flag 

Answer 4

En realidad éste es el truco y funciona en todos los navegadores:

if ((event.keyCode == 10 || event.keyCode == 13) && event.ctrlKey) 

enlace a js fiddle

Answer 5

encontré respuestas de otros, ya sea incompleto o no entre navegadores compatibles.

Este código funciona en google chrome.

$(function() 
{ 
    $(document).on("keydown", "#textareaId", function(e) 
    { 
     if ((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey) 
     { 
      alert('ctrl+enter'); 
     } 
    }); 
}); 

Answer 6

Esto puede extenderse a una simple y flexible, pero-plugin JQuery como en:

$.fn.enterKey = function (fnc, mod) { 
    return this.each(function() { 
     $(this).keypress(function (ev) { 
      var keycode = (ev.keyCode ? ev.keyCode : ev.which); 
      if ((keycode == '13' || keycode == '10') && (!mod || ev[mod + 'Key'])) { 
       fnc.call(this, ev); 
      } 
     }) 
    }) 
} 

Así

$('textarea').enterKey(function() {$(this).closest('form').submit(); }, 'ctrl') 

debe enviar un formulario cuando el usuario presiona ctrl-entrar con centrarse en el área de texto de esa forma.

(Con agradecimiento a https://stackoverflow.com/a/9964945/1017546)

Answer 7

solución universal

Soporta OS X también.

if ((e.ctrlKey || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) { 
    // do something 
} 

Answer 8

Tal vez un poco tarde para el juego, pero esto es lo que uso. También forzará el envío de la forma que es el objetivo actual del cursor.

$(document.body).keypress(function (e) { 
    var $el = $(e.target); 
    if (e.ctrlKey && e.keyCode == 10) { 
     $el.parents('form').submit(); 
    } else if (e.ctrlKey && e.keyCode == 13) { 
     $el.parents('form').submit(); 
    } 
});