Как предотвратить прокрутку страницы при keydown на пробел?

Question

[godsplan]

Пример:
https://codepen.io/poylar/pen/gOKgrYG
Попробуйте табом выделить span и нажать пробел.
По сути я ожидаю только вызов алерта, без прокрутки.

Answer 1

[historydev]

Span всё ещё document.body:

window.addEventListener('keydown', function(e) {
	console.log(e.target.tagName)
  if(e.keyCode == 32 && e.target === document.body) {
  	alert('k')
    e.preventDefault();
  }
});

Comments

[godsplan]

А если у меня внутри спана еще что-то лежит?

[historydev]

godsplane, например? Всё кроме элементов на которых может быть фокус, это document.body:

[godsplan]

Владимир, окей. у меня была проблема что внутри спана еще висит свг и условие видимо из-за этого не отрабаывало.