資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會科學
時裝研究
法律研究如何使用jQuery處理HTML5媒體事件？
使用jQuery處理HTML5媒體事件，請使用click()方法。
示例
你可以嘗試執行下面的程式碼，學習如何處理播放歌曲這樣的HTML5媒體事件
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var x = $(".myPlayer").length; // Count total audio players
var z = 0; // Start at first audio player
$("#play-bt").click(function(){
$(".myPlayer")[z].play();
$(".message").text("Music started");
})
$("#stop-bt").click(function(){
$(".myPlayer")[z].pause();
$(".myPlayer")[z].currentTime = 0;
$(".message").text("Music Stopped");
})
});
</script>
</head>
<body>
<audio class ="myPlayer" name="" src="/html/Kalimba.mp3" ></audio>
<div class ="message"></div>
<a id="play-bt" href="#">Play music</a><br>
<a id="stop-bt" href="#">Stop music</a><br>
</body>
</html>
更新於：2019年12月11日
364次瀏覽
廣告