第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

如果在函數(shù)中根據(jù)id

如果在函數(shù)中根據(jù)id

楊__羊羊 2023-03-03 16:14:48
我希望playSound()函數(shù)根據(jù)所選（懸停的）圖像完成其工作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貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊

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


然后你在函數(shù)中捕獲它：


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

  }


}

<a href="Okokoska.html"><img src="Pkokoska.jpg" id="x" onmouseover="playSound(this)" onmouseout="stop()"></a>

<a href="Okonj.html"><img src="Pkonj.jpg" id="y" onmouseover="playSound(this)" onmouseout="stop()"></a>


<audio id="audio1"><source src="Zkokoska.wav"></audio>

<audio id="audio2"><source src="Zkrava.wav"></audio>


查看完整回答
反對 回復(fù) 2023-03-03
?
楊魅力

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超6個(gè)贊

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


例子

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

}

<a href="Okokoska.html"><img src="Pkokoska.jpg"></a>

<a href="Okonj.html"><img src="Pkonj.jpg" id="y"></a>


<audio id="audio1"><source src="Zkokoska.wav"></audio>

<audio id="audio2"><source src="Zkrava.wav"></audio>


或者你也可以看到下面的例子希望你會(huì)發(fā)現(xiàn)它有幫助


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>

  <button id="button">Play</button>

</div>


<audio id="player">

  <source src='http://hi5.1980s.fm/;' type='audio/mpeg'/>

</audio>


查看完整回答
反對 回復(fù) 2023-03-03
?
MYYA

TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊

通過onclick將事件作為參數(shù)傳遞到綁定到img標(biāo)記的playSound函數(shù)中，并在您的邏輯中訪問它以驗(yàn)證 Id。


HTML


<a href="Okokoska.html"><img src="Pkokoska.jpg" id="x" onmouseover="playSound(event)" onmouseout="stop()"></a>

<a href="Okonj.html"><img src="Pkonj.jpg" id="y" onmouseover="playSound(event)" onmouseout="stop()"></a>


<audio id="audio1"><source src="Zkokoska.wav"></audio>

<audio id="audio2"><source src="Zkrava.wav"></audio>

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

  }

}


查看完整回答
反對 回復(fù) 2023-03-03
?
狐的傳說

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個(gè)贊

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


function playSound(){

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

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

}


查看完整回答
反對 回復(fù) 2023-03-03
  • 4 回答
  • 0 關(guān)注
  • 194 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號