首頁猿問如果在函數中根據id

如果在函數中根據id

JavaScript

楊__羊羊 2023-03-03 16:14:48

我希望playSound()函數根據所選（懸停的）圖像完成其工作id。我嘗試過的任何東西都沒有奏效，所以我需要這方面的全面幫助。代碼：var sound1 = document.getElementById("audio1");var sound2 = document.getElementById("audio2");function playSound() { //if hovered image has id="x", do this sound1.play(); //if hovered image has id="y", do this sound2.play();}<a href="Okokoska.html"><img src="Pkokoska.jpg" id="x" onmouseover="playSound()" onmouseout="stop()"></a><a href="Okonj.html"><img src="Pkonj.jpg" id="y" onmouseover="playSound()" onmouseout="stop()"></a><audio id="audio1"><source src="Zkokoska.wav"></audio><audio id="audio2"><source src="Zkrava.wav"></audio>

查看完整描述

4 回答

胡說叔叔

TA貢獻1804條經驗獲得超8個贊

您可以添加thisinto onmouseover="playSound(this)"，這將傳遞一個懸停元素。

然后你在函數中捕獲它：

function playSound(e) {

并用于保存 id，然后只做 if 語句。

let id = e.id;

var sound1 = document.getElementById("audio1");

var sound2 = document.getElementById("audio2");

function playSound(e) {

console.clear();

console.log(e.id);

let id = e.id;

if (id === "x") {

//if hovered image has id="x", do this

sound1.play();

console.log("Playing sound x");

} else if (id === "y") {

//if hovered image has id="y", do this

sound2.play();

console.log("Playing sound y");

}

反對回復 2023-03-03

楊魅力

TA貢獻1811條經驗獲得超6個贊

盡量不要使用內聯 JavaScript 來了解更多不應該使用它只是解決這個問題所以由于以上原因只需使用一個addEventListener或使用偵聽器賦值就像id.onclick = function(){}... 這里是一個

例子

var sound1 = document.getElementById("audio1");

var sound2 = document.getElementById("audio2");

var x = document.getElementById("x");

var y = document.getElementById("y");

x.onmouseover = () => {

sound1.play();

}

x.onmouseout = () => {

sound1.pause();

}

y.onmouseover = () => {

sound2.play();

}

y.onmouseout = () => {

sound2.pause();

}

或者你也可以看到下面的例子希望你會發現它有幫助

var button = document.getElementById("button");

var audio = document.getElementById("player");

button.addEventListener("mouseover", function() {

audio.play();

button.innerHTML = "Play";

});

button.addEventListener("mouseout", function() {

audio.pause();

button.innerHTML = "Pause";

});

div {

display: block;

cursor: pointer;

width: 50px;

height: 50px;

background-color: #000000;

}

button {

cursor: pointer;

font-family: Tahoma;

font-weight: bold;

font-size: 14px;

background-color: #00ffff;

color: blue;

padding: 13px 6px;

}

<div>

</div>

</audio>

反對回復 2023-03-03

MYYA

TA貢獻1868條經驗獲得超4個贊

通過onclick將事件作為參數傳遞到綁定到img標記的playSound函數中，并在您的邏輯中訪問它以驗證 Id。

HTML

JavaScript

var sound1 = document.getElementById("audio1");

var sound2 = document.getElementById("audio2");

function playSound(event) {

if(event.target.id == "x"){

sound1.play();

}else if(event.target.id == "y"){

sound2.play();

}

反對回復 2023-03-03

狐的傳說

TA貢獻1804條經驗獲得超3個贊

我很早就不喜歡劇本了，但你試過這個嗎（我沒試過）？

function playSound(){

document.getElementById("x").addEventListener("click", function(){ document.getElementById("audio1").play()[0]; });

document.getElementById("y").addEventListener("click", function(){ document.getElementById("audio2").play()[0]; });

}

反對回復 2023-03-03

4 回答
0 關注
195 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如果在函數中根據id

如果在函數中根據id

4 回答

添加回答