1

В данном вопросе есть ответ (усложненная версия) приложен такой код:

document.addEventListener("keydown", handlerKeydown);
// ...
function handlerKeydown(event)
{
    if (event.code === "KeyF" && (event.ctrlKey || event.metaKey))
    {
        event.preventDefault();
        controlInputText.focus();
    }
}

Так вот, я так понимаю суть была отловить нажатие Ctrl+F. Но оно не срабатывает в Spotify, то есть если я держу Ctrl и нажимаю F, событие не видит этого. Я получаю лишь такой event:

KeyboardEvent {isTrusted: true, key: "Control", code: "ControlLeft", location: 1, ctrlKey: true, …}
altKey: false
bubbles: true
cancelBubble: false
cancelable: true
charCode: 0
code: "ControlLeft"
composed: true
ctrlKey: true
currentTarget: null
defaultPrevented: false
detail: 0
eventPhase: 0
isComposing: false
isTrusted: true
key: "Control"
keyCode: 17
location: 1
metaKey: false
path: (4) [body, html.no-focus-outline.spotify__os--is-windows.spotify__container--is-desktop.buddyfeed-visible, document, Window]
repeat: false
returnValue: true
shiftKey: false
sourceCapabilities: InputDeviceCapabilities {firesTouchEvents: false}
srcElement: body
target: body
timeStamp: 147413.99999998976
type: "keydown"
view: Window {window: Window, self: Window, document: document, name: "", location: Location, …}
which: 17
__proto__: KeyboardEvent

Из чего видим, что не ловится нажатие клавиши F. Что сделано не так?

3
  • Попробуй document.addEventListener("keydown", handlerKeydown, true); - то есть, на этапе захвата событие обрабатывать. А то скрипты вебприложения могут останавливать всплытие (того события, которое возникает при нажатии клавиши F).
    – yar85
    Commented 13 июл. 2021 в 20:30
  • Хотя сейчас проверил - у меня в хроме (и на главной странице спотифая, и в поиске, и в плейлисте) почему-то все нормально с обработкой событий на всплытии, т.е. проблема не воспроизводится. А в десктопной приложухе Spotify, не нашел консоль... видимо, неэлектронъ :D
    – yar85
    Commented 13 июл. 2021 в 20:42
  • Там есть spicetify, это уже так сказать для разработчкив) Попробую, спасибо. Commented 14 июл. 2021 в 7:02

1 ответ 1

2

document.addEventListener("keydown", handlerKeydown);
// ...
function handlerKeydown(event) {
  if (event.code === "KeyF" && (event.ctrlKey || event.metaKey)) {
    event.preventDefault();
    console.log(event.code, event.ctrlKey, event.metaKey);
  }
}

document.querySelector('input').focus();
<input />

5
  • Есть шанс, что приложение просто перехватывает это нажатие? Commented 13 июл. 2021 в 13:42
  • @OliverPatterson О чем идет речь? Какое приложение?
    – user176262
    Commented 13 июл. 2021 в 13:44
  • В данном случае Spotify. Commented 13 июл. 2021 в 13:46
  • 2
    @OliverPatterson Мне плохо видны мысли у Вас в голове. В вопросе не говорится ни о каком Spotify-е.
    – user176262
    Commented 13 июл. 2021 в 13:48
  • 1
    Поправил вопрос. Плюсик я вам дал, если не будет какого-то решения другого, отмечу ваш ответ правильным. Commented 13 июл. 2021 в 13:49

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.