Как в contenteditable изменить поведение Enter на Ctrl + Enter?

Question

[Malkolm]

Есть contenteditable элемент.
Меня вполне устраивает его поведение по Enter и дополнительное я написал на Ctrl + Enter, но вот понадобилось поменять их местами. Т.е. по Ctrl + Enter выполнять то, что по дефолту выполняется на Enter...

а там обычно добавляется новая строка... в ходе экспериментов получилось менять курсор на последнюю строку, но вот не получается переместить его на нужную строку, если например я нажимаю Ctrl + Enter посреди текста (стандартное поведение бы просто разбило строку на 2 div, и раскидала бы текст по ним, а потом поставило бы курсор перед началом 2й половины текста, но вот все это и не получается, поэтому и вопрос:
а можно ли как то использовать стандартное поведение (не переписывая его "на свой лад", а просто взять и "повесить" его на Ctrl + Enter в том виде в каком оно было на Enter а на Enter повесить что-то свое?

Answer 1

[Сергей Мелодин]

А вы что, зашили поведение на Ctrl + Enter прямо в callback настолько, что теперь не можете прокинуть его в качестве другого callback? :) По идее, ваш код выглядеть должен как-то так:

sayHello = (params, tarams) => magic(params, tarams)
sendToHell = (user, sin) => judgmentDay(user, sin)

addEventListener('Enter', sayHello);
addEventListener('Ctrl+Enter', sendToHell);

Соответственно, при необходимости выполнять одно и то же действие для обоих случаев, нужно будет просто прокинуть имя другого хэндлера. Если по какой-то причине для Ctrl+Enter другой интерфейс callback, то можно заговнякать адаптер на скорую руку

addEventListener('Ctrl+Enter', (userAsXML, sinAsJson) => sendToHell(user.toJson(), sinAsJson));

Comments

[Malkolm]

Хуже. Эта вся тема работает под ангулар у меня и там все обработчики вешаются в определенном порядке. У меня банально нет возможности выполнить какой либо код когда уже будут висеть стандартные обработчики, но ещё не будет обработчиков ангулара, чтобы выцепить родной обработчик и повесить его с Enter на Ctrl+Enter. Поэтому и ищу «простой» способ получить поведение стандартного обработчика, без необходимости выпендриваться с перемещением курсора внутри contenteditable.
По большому счету самый замороч в том чтобы выполнить перенос строки посреди текста... а стандартный обработчик с этим справляется играючи...

[Сергей Мелодин]

Malkolm, конкретно с ангуляром я не работал, но обычно фреймворк упрощает работу с чем-либо, поэтому нужно изучать его событийную модель и приходить примерно к такому же коду, как это было бы для самого простого случая

[Malkolm]

Сергей Мелодин, он, естественно, упрощает. И повесить тот или иной обработчик - пара пустяков и если бы мне надо было просто повесить обработчик, то вопроса бы не возникло, но в contenteditable слишком уж заморочено писать свой обработчик, который по дефолту стоит на Enter.
Хотя благодаря вам я сейчас понял, что если там не так называемый native code, то можно попробовать распотрошить там все через дебаггер и попробовать руками скопировать код...