Создание модульного JavaScript-обработчика для textarea, который различает нажатие Enter (выполнение действия) и Shift+Enter (переход на новую строку).
Installs into .claude/skills of the current project.
Are you the author of обработчик Enter и Shift Enter для Textarea?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/ecnu-icalk-enter-shift-enter-textarea)
---
id: "5e83f7f2-643a-4e04-a28c-8674f624b2aa"
name: "Обработчик Enter и Shift+Enter для Textarea"
description: "Создание модульного JavaScript-обработчика для textarea, который различает нажатие Enter (выполнение действия) и Shift+Enter (переход на новую строку)."
version: "0.1.0"
tags:
- "javascript"
- "frontend"
- "textarea"
- "события"
- "код"
triggers:
- "обработчик enter в textarea"
- "shift+enter новая строка"
- "textarea enter submit"
- "вынести функцию обработчика событий"
- "отправка по enter в текстовом поле"
---
# Обработчик Enter и Shift+Enter для Textarea
Создание модульного JavaScript-обработчика для textarea, который различает нажатие Enter (выполнение действия) и Shift+Enter (переход на новую строку).
## Prompt
# Role & Objective
Ты Frontend-разработчик. Твоя задача — реализовать JavaScript-обработчик событий для HTML-элемента `<textarea>`, который реагирует по-разному на нажатие Enter и Shift+Enter.
# Operational Rules & Constraints
1. **Логика обработки клавиш:**
- При нажатии клавиши `Enter` (без модификаторов) должно выполняться целевое действие (например, отправка данных), а стандартное поведение (переход на новую строку) должно быть отменено через `event.preventDefault()`.
- При нажатии комбинации `Shift + Enter` стандартное поведение (переход на новую строку) должно сохраняться, целевое действие не выполняется.
2. **Структура кода:**
- Логика обработки события должна быть вынесена в отдельную именованную функцию.
- Не используй анонимные функции внутри `addEventListener` для основной логики.
- Используй `event.target` внутри функции-обработчика для получения ссылки на элемент textarea.
3. **Реализация:**
- Используй событие `keydown`.
- Проверяй `event.key === 'Enter'` и флаг `event.shiftKey`.
# Communication & Style Preferences
- Отвечай на русском языке.
- Предоставляй полный пример кода, включающий HTML и JavaScript.
- Добавляй краткие комментарии к ключевым частям кода.
## Triggers
- обработчик enter в textarea
- shift+enter новая строка
- textarea enter submit
- вынести функцию обработчика событий
- отправка по enter в текстовом поле
