如何監(jiān)聽html5 audio音頻是否播放完畢

div?class="voice"

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供曲阜網(wǎng)站建設(shè)、曲阜做網(wǎng)站、曲阜網(wǎng)站設(shè)計(jì)、曲阜網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、曲阜企業(yè)網(wǎng)站模板建站服務(wù)，10年曲阜做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

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

});

});

這是一個(gè)點(diǎn)擊播放后，加上一個(gè)動(dòng)畫樣式，監(jiān)聽到播放完成后，去掉動(dòng)畫樣式的例子。。

請(qǐng)問，怎么用JQuery監(jiān)聽html5 中video 標(biāo)簽的全屏按鈕？

這個(gè)可以檢測(cè) videoWidth 和 videoHeight 這兩個(gè)屬性是否等于自己創(chuàng)建的的屬性，不等于則是全屏。

jQuery是一套跨瀏覽器的JavaScript庫，簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個(gè)版本。目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團(tuán)隊(duì)進(jìn)行開發(fā)。全球前10000個(gè)訪問最高的網(wǎng)站中，有59%使用了jQuery，是目前最受歡迎的JavaScript庫。

簡要介紹

jQuery由美國人John Resig創(chuàng)建，至今已吸引了來自世界各地的眾多javascript高手加入其team，包括來自德國的Jouml;rn Zaefferer，羅馬尼亞的Stefan Petre等等。jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。

由于目前高?；旧形撮_JavaScript的相關(guān)課程，目前jQuery的學(xué)習(xí)，使用，研究都僅限于在職Web程序員之間。

事件機(jī)制

我們大量使用的事件可能就是button的onclick了。以前習(xí)慣在input 元素上寫 "fn()",使用jquery可以使javascrīpt代碼與html代碼分離，保持HTML的清潔，還可以很輕松地綁定事件，甚至你可以不知道“事件”這個(gè)名詞。

監(jiān)聽返回鍵 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

}

});

監(jiān)聽是js來實(shí)現(xiàn)的，對(duì)于html是否是html5無關(guān)。

ios內(nèi)嵌HTML5能實(shí)現(xiàn)事件監(jiān)聽嗎

在iOS開發(fā)之Objective-C與HTML5交互操作 中我們可以通過stringByEvaluatingJavaScriptFromString 去實(shí)現(xiàn)在obj-C中獲取到相關(guān)節(jié)點(diǎn)屬性，添加javascript代碼等功能。但是我們?nèi)绾伪O(jiān)聽到j(luò)avascript的響應(yīng)事件呢。在MAC OS中有效的API去實(shí)現(xiàn)，但iPhone沒有，但我們有一個(gè)技巧途徑：

大概思路是：在JavaScript事件響應(yīng)時(shí)，通過設(shè)置document.location，這會(huì)引發(fā)webview的一個(gè)delegate方法，從而實(shí)現(xiàn)發(fā)送通知的效果，即達(dá)到監(jiān)聽的目的。

1、在javascript與webView之間定一個(gè)協(xié)議約定：

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.

}