Как связать событие клика с amp-img - PullRequest
Новая
       2

Как связать событие клика с amp-img

0 голосов
/ 19 сентября 2019

Я получаю следующую ошибку при проверке при связывании события onclick с amp-img.

Атрибут 'onclick' может не отображаться в теге 'amp-img'

Код отлично работает в браузере, но при проверке страниц усилителя выдает ошибку.Как исправить?

1 Ответ

0 голосов
/ 23 сентября 2019

onclick - это атрибут html по умолчанию для запуска пользовательского javascript, который не разрешен в amp.

Необходимо использовать синтаксис привязки amp, который может выглядеть следующим образом (последние 4 строки):

<amp-img
    src="https://preview.amp.dev/static/samples/img/amp.jpg"
    width="1080"
    height="610"
    layout="responsive"
    alt="AMP"
    on="tap:AMP.setState({…})"
    tabindex="0"
    role="button">
</amp-img>

Для onclick="…" это on="tap:…", но есть и много других событий, которые вы можете использовать.Вот список .

Не забудьте установить атрибуты tabindex и role при использовании событий tap для пользовательских элементов.В противном случае вы получите новые ошибки проверки.

...