在javascript中将事件侦听器添加到音频HTML5标签

Adding event listener to audio HTML5 tag in javascript(在javascript中将事件侦听器添加到音频HTML5标签)
本文介绍了在javascript中将事件侦听器添加到音频HTML5标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

您好,我正在 Javascript 中创建一个新的音频标签元素,代码如下:

Hi I'm creating a new audio tag element in Javascript this is the code:

var audio = document.createElement("audio");
audio.setAttribute("id","myid");
audio.setAttribute("autoplay","autoplay");
document.body.appendChild(audio);

在将它附加到正文之前,我想放置一个 onended 事件处理程序,我尝试过这样的事情:

before appending it to the body, I'd like to place an onended event handler, I tried something like this:

audio.onended = foo;

其中 foo 类似于:function foo(){alert('Hola')}

where foo is something like: function foo(){alert('Hola')}

audio.setAttribute("onended","foo()");

在这两种情况下它都不起作用.在第一种情况下,音频标签是在没有任何 onended 事件处理程序的情况下附加的;而在第二种情况下,附加了音频标签,onended 事件在属性上,但它不会触发.

in both case it didn't work. In the first case the audio tag is appended without any onended event handler; while in the second case the audio tag is appended, the onended event is on the attributes but it does not fire.

有人知道吗?

提前致谢.

-z-

推荐答案

试试:

audio.addEventListener('ended', foo);

这是添加事件监听器的正确标准方法.

This is the correct and standard method to add event listeners.

这篇关于在javascript中将事件侦听器添加到音频HTML5标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)
How to get response url in XMLHttpRequest?(如何在 XMLHttpRequest 中获取响应 url?)