Ctrl + Enter jQuery в текстовой области

Question

Ctrl + Enter jQuery в текстовой области

Как я могу вызвать что-то, когда курсор находится внутри TEXTAREA и Ctrl+введите нажата? Используя jQuery. Спасибо

556 9

jQuery javascript html hotkeys

9 ответов:

Comments

Reply

Den 4 года назад

<p>UPD: Вот так точнее будет. И в предыдущем забыл переменную объявить :)</p>

<pre>
<code class="language-javascript">$('body').on('keydown', 'some-selector', function(e){

var Key = (e.which || e.keyCode || 0);

var Shift = (e.shiftKey);
var Ctrl = (e.ctrlKey || e.metaKey);
var Tab = (Key === 9);
var Enter = (Key === 13 || Key === 10);

var Up = (Key === 38);
var Down = (Key === 40);
var Left = (Key === 37);
var Right = (Key === 39);

if (Enter) { do something... }
if (Ctrl && Enter) { do something... }
...
});</code></pre>

<p> </p>

CMS · Accepted Answer · 2009-11-06 00:55:19

можно использовать event.ctrlKey флаг, чтобы увидеть, если Ctrl клавиша нажата, что-то вроде этого:
$('#textareaId').keydown(function (e) {

  if (e.ctrlKey && e.keyCode == 13) {
    // Ctrl-Enter pressed
  }
});
Проверьте приведенный выше фрагмент здесь.

Yaroslav Yakovlev · Accepted Answer · 2015-06-17 17:25:38

на самом деле это один делает трюк и работает во всех браузерах:
if ((event.keyCode == 10 || event.keyCode == 13) && event.ctrlKey)
ссылке в JS скрипку

Serhii Matrunchyk · Accepted Answer · 2016-04-07 17:16:09

универсальное решение

поддерживает OS X, а также.
if ((e.ctrlKey || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) {
    // do something
}

Valamas · Accepted Answer · 2014-05-15 08:16:04

Я нашел ответы других либо неполные, либо не совместимые с кросс-браузером.

этот код работает в google chrome.
$(function ()
{
    $(document).on("keydown", "#textareaId", function(e)
    {
        if ((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey)
        {
            alert('ctrl+enter');
        }
    });
});

joeln · Accepted Answer · 2017-05-23 15:10:26

Это может быть расширено до простого, но гибкого плагина JQuery, как в:
$.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);
            }
        })
    })
}
$('textarea').enterKey(function() {$(this).closest('form').submit(); }, 'ctrl')
должен отправить форму, когда пользователь нажимает ctrl-enter с фокусом на текстовой области этой формы.

(С благодарностью https://stackoverflow.com/a/9964945/1017546)

idrumgood · Accepted Answer · 2013-10-03 12:08:36

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

//ctrl on key down set flag

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

mkoryak · Accepted Answer · 2015-03-18 07:26:58

сначала вы должны установить флаг, когда Ctrl нажата, сделайте это onkeydown. затем вы должны проверить keydown enter. снимите флаг, когда вы видите keyup для Ctrl.

Barry Chapman · Accepted Answer · 2017-12-18 21:18:18

может быть, немного поздно в игре, но вот что я использую. Он также принудительно отправит форму, которая является текущей целью курсора.
$(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();
    }
});