Кроссбраузерность скрипта обработчика для формы
Здравствуйте! Загрузил сайт на бесплатный хостинг, так что на доменное имя прошу не обращать внимания.
true-info. 000webhostapp. com/apl/lib/kobzar/ch-1 если перейти по этой ссылке, можем увидеть страничку где много текста. Почти каждому тегу p присвоен id. Этот id используется в связке с формой быстрого перехода по абзацам.
Перейти можно как в начале главы, введя например цифры 67 и нажать "Перейти" или "Enter", так и из середины, где есть такая же форма но в выезжающей панели.
Теперь если мы откроем файл script.js, вначале увидим строку начинающуюся на document.querySelector("#form").addEventListener( и так далее. Это и есть скрипт обработчик, который перемещает на нужный абзац и на определенное время подсвечивает его фоном.
Но есть одна проблема, которую не могу решить. Скрипт почему-то оказался не кроссбраузерным. Например в windows он не работает в ie 11 и edge.
На android не работает в стандартном браузере, Dolphin и оригинальном Chrome.
В чём проблема собственно? Почему одни браузеры проглатывают этот скрипт а некоторые нет? Могли бы помочь с кодом так, чтобы все браузеры его обрабатывали? Хотя ie можно отсечь, т.к. планирую вовсе заблокировать его.
Обидно будет запускать полноценный сайт с такой недопиленной штукой(
|