AutoSkill Обработчик Enter и Shift+Enter для Textarea

Создание модульного JavaScript-обработчика для textarea, который различает нажатие Enter (выполнение действия) и Shift+Enter (переход на новую строку).

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/Russian/обработчик-enter-и-shift-enter-для-textarea" ~/.claude/skills/ecnu-icalk-autoskill-enter-shift-enter-textarea && rm -rf "$T"
manifest: SkillBank/ConvSkill/Russian/обработчик-enter-и-shift-enter-для-textarea/SKILL.md
source content

Обработчик 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 в текстовом поле