十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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');
});
});
这是一个点击播放后,加上一个动画样式,监听到播放完成后,去掉动画样式的例子。。
这个可以检测 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的清洁,还可以很轻松地绑定事件,甚至你可以不知道“事件”这个名词。
//原生
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开发之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.
}