html5监听,html5监听页面

如何监听html5 audio音频是否播放完毕

div class="voice"

    audiosource src="地址" type="audio/aac" //audio

/div

$(document).on('click','.voice', function() {

$(this).addClass('voice1');

$(this).find('audio').get(0).play();

$(this).find('audio').bind('ended',function () {   

$('.voice').removeClass('voice1');

});

});

这是一个点击播放后，加上一个动画样式，监听到播放完成后，去掉动画样式的例子。。

相关问答

Q1: 请问，怎么用JQuery监听html5 中video 标签的全屏按钮？

这个可以检测 videoWidth 和 videoHeight 这两个属性是否等于自己创建的的属性，不等于则是全屏。

jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

简要介绍

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jouml;rn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

由于目前高校基本尚未开JavaScript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。

事件机制

我们大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写 "fn()",使用jquery可以使javascrīpt代码与html代码分离，保持HTML的清洁，还可以很轻松地绑定事件，甚至你可以不知道“事件”这个名词。

Q2: 监听返回键 javascript html5

//原生

var elem = document.querySelector('#myInput');

elem.addEventListener('keydown', function(e) {

    if( e.keyCode == 13 ){

        console.log('Enter is pressed.');

        //add your code

    }

});

//使用jQuery

$('#myInput').keydown(function(e){

    if( $(e).which == 13 ){

        console.log('Enter is pressed.');

        //add your code

    }

});

监听是js来实现的，对于html是否是html5无关。

Q3: ios内嵌HTML5能实现事件监听吗

在iOS开发之Objective-C与HTML5交互操作 中我们可以通过stringByEvaluatingJavaScriptFromString 去实现在obj-C中获取到相关节点属性，添加javascript代码等功能。但是我们如何监听到javascript的响应事件呢。在MAC OS中有效的API去实现，但iPhone没有，但我们有一个技巧途径：

大概思路是：在JavaScript事件响应时，通过设置document.location，这会引发webview的一个delegate方法，从而实现发送通知的效果，即达到监听的目的。

1、在javascript与webView之间定一个协议约定：

myapp:myfunction:myparam1:myparam2

2、在javascript中添加代码：

document.location = "myapp:" + "myfunction:" + param1 + ":" + param2;

3、在webView的delegate方法webView:shouldStartLoadWithRequest:navigationType: 添加

- (BOOL)webView:(UIWebView *)webView2

shouldStartLoadWithRequest:(NSURLRequest *)request

navigationType:(UIWebViewNavigationType)navigationType {

NSString *requestString = [[request URL] absoluteString];

NSArray *components = [requestString componentsSeparatedByString:@":"];

if ([components count] 1

[(NSString *)[components objectAtIndex:0] isEqualToString:@"myapp"]) {

if([(NSString *)[components objectAtIndex:1] isEqualToString:@"myfunction"])

{

NSLog([components objectAtIndex:2]); // param1

NSLog([components objectAtIndex:3]); // param2

// Call your method in Objective-C method using the above...

}

return NO;

}

return YES; // Return YES to make sure regular navigation works as expected.

}