Android Onclick包含2个任务
我试图用OnClick同时做两件事，但不知道我是否编错了代码，或者这是不可能的。我试图点击一个图像，使用onclick转到另一个图像，同时播放声音，然后返回到原始图像。我一行有3个例子。第一个示例从image1转到image2，再回到image1，但不播放声音。第二个示例从image1到image2再到image3，然后返回到image1，但不播放声音。第三个示例播放一个声音Onclick，但它不会显示在image2中。我希望它播放声音，并在单击时转到image2。有人能帮忙吗Android Onclick包含2个任务,android,html,Android,Html,我试图用OnClick同时做两件事，但不知道我是否编错了代码，或者这是不可能的。我试图点击一个图像，使用onclick转到另一个图像，同时播放声音，然后返回到原始图像。我一行有3个例子。第一个示例从image1转到image2，再回到image1，但不播放声音。第二个示例从image1到image2再到image3，然后返回到image1，但不播放声音。第三个示例播放一个声音Onclick，但它不会显示在image2中。我希望它播放声音，并在单击时转到image2。有人能帮忙吗 单击或鼠标悬
单击或鼠标悬停时播放声音的示例
var html5_audiotypes={//定义音频文件扩展名及其关联音频类型的列表。如果指定的音频文件不在此列表中，请添加到该列表：
“mp3”：“音频/mpeg”，
“mp4”：“音频/mp4”，
“ogg”：“音频/ogg”，
“wav”：“音频/wav”
}
函数createsoundbite（声音）{
var html5audio=document.createElement（'audio'）
if（html5audio.canPlayType）{//检查对html5audio的支持
对于（变量i=0；i分析rcar.length）{
gStorage[id].i=0；
}
if（gStorage[id].i==0）{
anImage.src=gStorage[id].origSrc；
}否则{
anImage.src=anAltSrcArr[gStorage[id].i-1]；
}
}
试一试
单引号和双引号混在一起，这显然是因为您发布的代码片段中突出显示了语法。Gee谢谢，似乎效果很好。我想我已经尝试了所有可能的组合。它在Chrome和FF上运行得很好，但在internet explorer上它不会在图片之间切换或发出声音。如果我去掉“uniquevar.playclip（）；然后它在图片之间切换，但声音当然消失了。知道如何修复吗？
<!doctype html>
<html>
<head>
<meta charset="ISO-8859-1" />
<title>Example of How to Play a Sound on Click or on MouseOver</title>
<script>
var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
"mp3": "audio/mpeg",
"mp4": "audio/mp4",
"ogg": "audio/ogg",
"wav": "audio/wav"
}
function createsoundbite(sound){
var html5audio=document.createElement('audio')
if (html5audio.canPlayType){ //check support for HTML5 audio
for (var i=0; i<arguments.length; i++){
var sourceel=document.createElement('source')
sourceel.setAttribute('src', arguments[i])
if (arguments[i].match(/\.(\w+)$/i))
sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
html5audio.appendChild(sourceel)
}
html5audio.load()
html5audio.playclip=function(){
html5audio.pause()
html5audio.currentTime=0
html5audio.play()
}
return html5audio
}
else{
return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
}
}
//Initialize two sound clips with 1 fallback file each:
var mouseoversound=createsoundbite("whistle.ogg", "whistle.mp3")
var clicksound=createsoundbite('http://static.sfdict.com/staticrep/dictaudio/P05/P0501900.mp3', "whistle.ogg")
var uniquevar=createsoundbite("pizza.wav", "whistle.ogg", "whistle.mp3")
</script>
<script>
var gStorage = {};
function toogle(anImage, anAltSrcArr) {
if (typeof(anImage) === "undefined" || typeof(anAltSrcArr) === "undefined" || anAltSrcArr.length === 0) {
return;
}
var id = anImage.id;
var oldSrc = anImage.src;
if (typeof(gStorage[id]) === "undefined") {
gStorage[id] = {
'id': id,
'origSrc': oldSrc,
'i': 0
};
}
gStorage[id].i += 1;
if (gStorage[id].i > anAltSrcArr.length) {
gStorage[id].i = 0;
}
if (gStorage[id].i === 0) {
anImage.src = gStorage[id].origSrc;
} else {
anImage.src = anAltSrcArr[gStorage[id].i - 1];
}
}
</script>
</head>
<body
<p>Click on an image</p>
<img class="with-action" id="image1" name="image1" src="http://dummyimage.com/50/f00/fff&text=a" onclick='toogle(this, ["http://dummyimage.com/50/ab0/fff&text=b"]);' />
<img class="with-action" id="image2" name="image2" src="http://dummyimage.com/50/0f0/fff&text=a" onclick='toogle(this, ["http://dummyimage.com/50/0fa/fff&text=b", "http://dummyimage.com/50/0bb/fff&text=c"]);'/>
<img class="with-action" id="image3" name="image3" src="http://dummyimage.com/50/00f/fff&text=a" onclick="uniquevar.playclip()";'toogle(this, ["http://dummyimage.com/50/ab0/fff&text=b"])'; />
</body>
</html>
<img class="with-action" id="image3" name="image3" src="http://dummyimage.com/50/0bb/fff&text=c" onclick="uniquevar.playclip();toogle(this, ['http://dummyimage.com/50/0fa/fff&text=b', 'http://dummyimage.com/50/0bb/fff&text=c']);">