Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/18: Рейтинг темы: голосов - 18, средняя оценка - 4.56
0 / 0 / 1
Регистрация: 22.01.2015
Сообщений: 126

Клавиша Enter и Enter + Ctrl

29.12.2015, 08:59. Показов 3767. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте. Есть код отправки аякс на обработчик, из textarea клавишей Enter. Информация отсылается по нажатию на Enter, но происходит перенос строки. Как можно отключить стандартное поведение Enter в textarea. допустим по ID. То есть полностью отключить перенос строки в данном textarea. И еще такой вопрос, возможно ли определить зажата ли клавиша Ctrl, если зажата, форму не отправлять, а перенос строки. Спасибо!

Сам код:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
function chatCom(e) {
if (e.keyCode == 13) {
$.ajax({
type: "POST",
url: "/chat/chotpr.php",
data: "message="+$("#message").val()
});
$('#post_chat').clearForm();
$('#count_char').text(0);
return false;
};
};
Должно отправляться по нажатию Enter/
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
29.12.2015, 08:59
Ответы с готовыми решениями:

Отправка сообщения на Ctrl + Enter ???
Скаж пож как сделать отправку сообщений на кнопки Ctrl + Enter на сайте?

Как в <textarea> обработать событие 'нажато Ctrl+Enter'?
Как в &lt;textarea&gt; обработать событие 'нажато Ctrl+Enter'?

Как определить, что на текстовом поле нажата клавиша Enter и выполнить какое либо действие?
Как определить, что на текстовом поле нажата клавиша Enter и выполнить какое либо действие?

1
 Аватар для k-x
46 / 46 / 27
Регистрация: 19.05.2014
Сообщений: 117
29.12.2015, 09:42
Для отмены действия браузера по-умолчанию следует использовать метод event.preventDefault(), а для отслеживания нажатия на ctrl имеется MouseEvent.ctrlKey. Отсюда получаем что-то такое:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$('#textarea').keypress(function(e) {
    if (window.event) {
        var keyCode = window.event.keyCode;
    } else {
        var keyCode = e.keyCode || e.which;
    }
    if ((!e.ctrlKey && (keyCode == 13))) { // если <enter>, то наш ajax идёт в действие
        e.preventDefault(); // отменяем действие по-умолчанию (перенос строки в нашем случаи)
        $.ajax({
            url: "/",
            context: document.body
        }).done(function() {
            $("div").css("display", "block").text("Отправлено!");
        });
    } else if ((e.ctrlKey && (keyCode == 13)) || (keyCode == 10)) { // если зажат <ctrl> + нажата <enter>
        this.value += "\n"; // добовляем в конец перенос строки
    }
});
Глянуть в работе можно на jsfiddle
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
29.12.2015, 09:42
Помогаю со студенческими работами здесь

форма и enter
подскажыте код: 1. как определить нажата ли клавиша enter? 2. как запретить отправку етой клавишей данных формы?

Выполнение функции Enter-ом
Здравствуйте. Подскажите где ошибка. Есть функция calcRoute(). Нужно чтоб она выполнялась по нажатию клавиши ентер. Нашел в интернете код и...

ascii код Enter'a
нужно, чтобы реакция была только на Enter. Как это сделать?

Отловить нажатие на enter
Добрый вечер. Как отловить нажатие на ентер? Делаю так: &lt;input type = &quot;button&quot; onclick = &quot;main(document.getElementById('form'))&quot;...

Перехват и обработка нажатия Enter
Есть поле text и кнопка button по онклик на которой происходит некоторая обработка. Как сделать так, чтобы то же самое происходило при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru