Стоп Click, Enter и Arrow Binding для дочернего элемента заголовка

Question

Стоп Click, Enter и Arrow Binding для дочернего элемента заголовка

0

Поэтому я хотел бы поместить контентное поле в заголовок Аккордеона из JQueryUI, однако, когда я пытаюсь связать событие с этим субобъектом, привязки аккордеона имеют приоритет, даже когда я пытаюсь развязать или заблокировать наследование.

<div class="accord">
    <div>
        <div class="theHead" >
            <span class="ignoreAccordBinds" contenteditable="true">Edit Me</span>
        </div>
        <div class="theBody">
        SomeBody
        </div>
    </div>
            ...

Я бы хотел, чтобы приведенный выше код игнорировал все действия аккордеона при выполнении каких-либо действий в пределах диапазона.

я пробовал

     $(".ignoreAccordBinds").keypress(function(e){
          e.stopPropagation();
      });
   $(".accord").find(".ignoreAccordBinds").unbind();

Ничего не помогает.

Я создал JSFiddle моей проблемы. Если вы попытаетесь использовать клавишу со стрелкой вправо для перемещения курсора (каретки) на одном из заголовков, аккордеон вместо этого выбирает другой div. Если вы попытаетесь нажать клавишу ввода, она откроет/закрывает их вместо того, чтобы вставлять разрыв строки.

У кого-нибудь есть идеи?

Jeff 12 дек. 2013, в 17:53

Источник

0

попробуйте jsfiddle.net/arunpjohny/dJbS3/3
Arun P Johny 12 дек. 2013, в 16:28

Теги:

javascript

jquery

jquery-ui

2 ответа

2

использование

$(".ignoreAccordBinds").keypress(function (e) {
    e.stopPropagation();
    return false;
});

Ваш синтаксис неверен.

  $(".ignoreAccordBinds").keypress()(function(e)
                                  ^

Здесь вам не нужны скобки.

DEMO

Satpal 12 дек. 2013, в 14:08

0

Да, мой был опечатан, но это не работает в любом случае. Я, однако, исправлю это в моей скрипке и примере. Спасибо
Jeff 12 дек. 2013, в 16:22
0

@Jeff, используй return false;
Satpal 12 дек. 2013, в 16:23
0

Обновлен с возвращением false, все еще без игры в кости: jsfiddle.net/P93E6/7 Кроме того, нажатие клавиш со стрелками в вашей демонстрации по-прежнему не перемещает курсор, а нажатие Enter не добавляет разрыв строки (действительно, если бы я мог просто получить клавиши со стрелками работаю буду рад)
Jeff 12 дек. 2013, в 16:25

Показать ещё 1 комментарий

Ещё вопросы

Да, мой был опечатан, но это не работает в любом случае. Я, однако, исправлю это в моей скрипке и примере. Спасибо
Обновлен с возвращением false, все еще без игры в кости: jsfiddle.net/P93E6/7 Кроме того, нажатие клавиш со стрелками в вашей демонстрации по-прежнему не перемещает курсор, а нажатие Enter не добавляет разрыв строки (действительно, если бы я мог просто получить клавиши со стрелками работаю буду рад)

Arun P Johny · Accepted Answer · 2013-12-12T14-07-00.000Z

Удалите unbind() и зарегистрируйте обработчик keydown

$(".ignoreAccordBinds").keydown(function (e) {
    e.stopPropagation();
});

Демо: скрипка

Событие нажатия клавиши запускается, когда клавиша нажата, и эта клавиша обычно генерирует значение символа - поэтому клавиши, подобные стрелке, не срабатывают

Ах, да, это было сделано! должен был подумать о нажатии клавиши вместо нажатия клавиши. Спасибо!