Как сделать автофокусировку на поле ввода только на одной странице?

Question

[pilotus]

Доброго дня.

Хотел сделать. чтобы форма поиска на сайте сразу была активна, но

• только на главной странице
  
• только в ПК версии сайта
  

Использовал такой скрипт:

if(window.location.toString().indexOf('site.ru') > 1)
{
$(window).resize(function() {
    width = $(window).width();
    if (width >= 991) {
{
$("#search").focus();
};	

    }
});
};

Всё работает, кроме ограничения на одну, главную страницу. Если на тестовом сайте указать в строке

if(window.location.toString().indexOf('site.ru\index.php') > 1)

то всё работает, но на боевом проекте стоит редирект: убирается index.php и конечный слеш, поэтому скрипт запускается на всех страницах. Что можно сделать?

Answer 1

[Дмитрий]

Есть же location.pathname!

Comments

[pilotus]

Увы, я совсем-совсем новичок, мне можно разжевать, в каком случае подмена window.location.toString на location.pathname мне поможет?

[Дмитрий]

В pathname содержится путь по сайту. Если Вы хотите сделать только на главной странице, то в pathname должно быть пусто (или '/', но скорее всего просто пусто).
И если пусто, то фокусируете, если не пусто, то не фокусируете.

[pilotus]

Сделал так. Не работает. Перепробовал разные варианты, до которых додумался - не помогает (или не работает или работает на всех). Подскажите. пожалуйста, что я упускаю?
if(windows.location.pathname())

[Дмитрий]

pathname - это не метод. Это строковое свойство. Нужно смотреть if (window.location.pathname === '')
Воспользуйтесь в Chrome по F12 консолью разработчика. Она прекрасно показывает все свойства и их значения для текущего документа.

[pilotus]

Дмитрий, спасибо, так тоже делал. Правда с == а не с === и не помогло (не включается автофокус) - ни со слешем, ни с пустым значением.

[Дмитрий]

pilotus, упс... что-то сразу не заметил. Нужно document.location, а не window.location смотреть :)
Хотя и window.location тоже работает... Стоп! У Вас windows вместо window!

[Дмитрий]

У текущей страницы Тостера window.location.pathname = '/q/526765' - т.е. со слешем вначале.

[pilotus]

Дмитрий, это я когда сюда писал опечатку допустил. в коде window

document.location не заработал. А метод .indexOf не нужен точно?

[Дмитрий]

pilotus, Вам нужно только путь для главной страницы проверить, а он будет всегда равен одному слешу.

Answer 2

[alexalexes]

На мобильнике, как правило, есть тачскрин.
Я, обычно, проверяю наличие тач-обработчиков.
И не важно, что за устройство: яблоко, андроид и тд.

if ('ontouchstart' in document.documentElement) 
{
// есть сенсорный экран, значит, имеем дело с переносным гаджетом.
}
else
{
  // desktop версия кода
 (элемент ввода).focus(); //устанавливаем фокус
}

Answer 3

[Александр Таратин]

Еще можно прямо на сервере к элементу добавлять атрибут autofocus при отдаче главной страницы.
Детектировать мобилки можно с помощью различных библиотек.
Для php например mobiledetect.net