html5监听,html5监听页面

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

div class="voice"

创新互联专业为企业提供曲阜网站建设、曲阜做网站、曲阜网站设计、曲阜网站制作等企业网站建设、网页设计与制作、曲阜企业网站模板建站服务,10年曲阜做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

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');

});

});

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

请问,怎么用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的清洁,还可以很轻松地绑定事件,甚至你可以不知道“事件”这个名词。

监听返回键 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无关。

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.

}


分享名称:html5监听,html5监听页面
路径分享:http://scjbc.cn/article/dscooes.html

其他资讯