試圖爲卡牌遊戲實現動作偵聽器

所以我試圖讓我的遊戲在點擊時顯示空白圖像（卡片圖像）。我希望它出現一個空白圖像來模擬它消失。這是一個三峯單人紙牌遊戲。我已經有了一個測試卡片是否有效的功能，我只是無法正確工作，對於Javascript來說是新手。或者如果有人知道一個更好的方法我可以去做這件事，我全力以赴，謝謝。試圖爲卡牌遊戲實現動作偵聽器

這是代碼的一部分：

<!DOCTYPE HTML> 
<html> 

<button onclick="newGame(); Deal();" style=" top: 35px; left: 80px; position: absolute;">New Game 

<div onmousedown="A(this)"><button onclick="Tri_Peak_Game()"><img id="leftRow4E1" src="cardback.jpg" alt="cardback" style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" /> </button> </div> 

<script language="javascript" type="text/javascript"> 







</script> 
</html>

來源

2015-10-14 user5447193

不'blank_dissapear.png'存在嗎？（包括拼寫錯誤？） – ray

對不起，但在您的問題中使用代碼有沒有可能的方法來重現錯誤。請[編輯]你的問題，包括[mcve]。 –

下面是一個使用querySelector和addEventListener辦理「一卡通」上mousedown和mouseup事件的概念實現的簡單證明。

function cardMouseDown(event) { 
 
    event.target.src = "http://www.alderac.com/images/2015/01/playing-cards.jpg"; 
 
} 
 

 
function cardMouseUp(event) { 
 
    event.target.src = "http://globe-views.com/dcim/dreams/card/card-04.jpg"; 
 
} 
 

 

 
document.querySelector('.card').addEventListener('mousedown', cardMouseDown); 
 
document.querySelector('.card').addEventListener('mouseup', cardMouseUp);

<div> 
 
     <img class="card" 
 
      id="leftRow4E1" 
 
      src="http://globe-views.com/dcim/dreams/card/card-04.jpg" 
 
      alt="cardback" 
 
      style="width: 100px;" /> 
 
</div>

來源

2015-10-14 23:05:51 ray

謝謝，我相信這將幫助我實現我需要在我的程序中發生的事情。 – user5447193

試圖爲卡牌遊戲實現動作偵聽器

回答

相關問題