атрибут автофокуса игнорируется на странице HTML, обслуживаемой сценарием Google - PullRequest
Новая
       3

атрибут автофокуса игнорируется на странице HTML, обслуживаемой сценарием Google

0 голосов
/ 07 ноября 2019

Следующий скрипт Google создает небольшой веб-сайт (скопирован из https://developers.google.com/apps-script/guides/html/templates)

function doGet() {
  return HtmlService
      .createTemplateFromFile('index.html')
      .evaluate();
}

соответствующего index.html (скопирован из https://www.w3schools.com/tags/att_button_autofocus.asp)

<!DOCTYPE html>
<html>
<body>

<button type="button" autofocus onclick="alert('Hello world!')">Click Me!</button>

<p><strong>Note:</strong> The autofocus attribute of the button tag is not supported in IE 9 and earlier versions.</p>

</body>
</html>

Когда я загружаювеб-сайт, я ожидаю, что кнопка будет сфокусирована и покажет «Hello world» при нажатии ENTER. Однако кнопка не сфокусирована, и мне нужно нажать на кнопку мышью. Что мне нужно изменить, чтобы сделатьАтрибут автофокуса для работы?

Пример сайта

PS: раньше это работало около года назад

1 Ответ

1 голос
/ 07 ноября 2019

Я подтвердил, что при использовании autofocus произошла ошибка Blocked autofocusing on a form control in a cross-origin subframe.. Было установлено, что этим кнопка не может быть сфокусирована. К сожалению, я не смог найти способ использования autofocus для этой ситуации. Итак, чтобы избежать этой проблемы, как насчет этого обходного пути? Пожалуйста, подумайте об этом как об одном из нескольких ответов.

В этом обходном пути используется focus().

Модифицированный HTML: 

<!DOCTYPE html>
<html>
<body>

<button type="button" id="button" onclick="alert('Hello world!')">Click Me!</button> <!-- Modified -->

<p><strong>Note:</strong> The autofocus attribute of the button tag is not supported in IE 9 and earlier versions.</p>

<script>
  document.getElementById('button').focus(); // Added
</script>
</body>
</html>

Ссылки:

Если это не то направление, которое вы хотите, я прошу прощения.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...