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

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

29.12.2015, 08:59. Показов 3818. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru