发布者编写与amp-story中的事件挂钩的代码需要什么?

时间:2018-10-14 21:31:41

标签: javascript-events amp-html amp-story

例如,HTML DOM事件允许JavaScript在HTML文档中的元素上注册不同的事件处理程序。

事件通常与功能结合使用,并且功能不会在事件发生之前(例如,用户单击按钮时)执行。

好处

  

尽管缺少完善的文档,但是对于JavaScript编码人员而言,将带有参数(即Function_Name(Parameter))的函数添加到JavaScript的标准“ On”事件(即“ OnClick”或“ onKeyDown”)中相对简单。高级程序员可能将此称为动态运行时事件分配,其中包含使用传递的参数的函数。

     

假设我们在网页上有一个文本区域字段,并且我们希望每次他们在该字段中进行击键时都执行一些功能。在我们的真实示例中,我们希望计算字符数,以便让用户知道它们与极限的距离,并在超过极限时发出警告。要捕获击键,我们需要插入JavaScript的“ onKeyUp”和“ onKeyDown”事件。

     

经验丰富的JavaScript开发人员知道,添加这些挂钩的最简单方法是将它们包含在textarea的HTML中,如下所示:

1 个答案:

答案 0 :(得分:1)

使用JavaScript编写页面目前不是有效的AMP。请参见How AMP works,具体是:

  

AMP页面不能包含任何作者编写的JavaScript。交互式页面功能不是使用JavaScript,而是在自定义AMP元素中处理。自定义AMP元素可能包含JavaScript,但经过精心设计以确保它们不会导致性能下降。

下一段继续说:

  

尽管iframe中允许使用第三方JS,但它不能阻止呈现。例如,如果第三方JS使用性能太差的document.write API,则它不会阻止呈现主页。

但是,amp-story明确不允许作者指定的iframe。

因此,我认为您在amp-story的当前状态下所要求的内容是不可能的。