我目前正在用 JS 制作自己的紙牌游戲。棋盤隨機生成包含 5 張影像的牌組，并將它們顯示在螢屏上。
我試著讓它當你點擊一張圖片時，它會出現在游戲區域中，就像模擬你已經“選擇了那張牌”來玩一樣。使用 JQuery：
$("#img5").click
(
function()
{
var carta = document.images["img5"].src;
document.images["carta2"].src = carta;
}
);
好的，但問題是我只希望在你處于全屏模式時發生這種情況，所以我做了這個邏輯：
pantallaCompleta = false;
contadorScreen = 0;
document.onfullscreenchange = function(event)
{
contadorScreen = contadorScreen 1;
if(contadorScreen % 2 === 0)
{
pantallaCompleta = false;
console.log("Exiting fullscreen");
console.log(contadorScreen);
console.log(pantallaCompleta);
}
else
{
pantallaCompleta = true;
console.log("Entering fullscreen");
console.log(contadorScreen);
console.log(pantallaCompleta);
}
};
該邏輯有效，因此當您加載頁面時，您不在全屏模式下，因此計數器等于 = 0 并且檢查 = false。然后，當document.onfullscreenchange = function(event)發生 counter 等于 counter 并檢查更改為 true 時。
好的，所以結合所有這些并正常作業，我嘗試將 JQuery 代碼放入其中：
if(pantallaCompleta == true)
它永遠不會起作用。這console.log(pantallaCompleta);告訴我檢查是對還是錯的準確性，但點擊影像永遠不會起作用。
有誰知道可能出了什么問題？
uj5u.com熱心網友回復：
目前你有
if(pantallaCompleta == true) {
$("#img5").click(function() {
var carta = document.images["img5"].src;
document.images["carta2"].src = carta;
});
}
如果 pantallaCompleta在此代碼運行時為真，這將僅在 img5 上設定一個事件偵聽器，這可能在頁面加載時。
我建議您需要一個始終分配的事件偵聽器（無論 pantallaCompleta 的狀態如何），但在更改 img src 之前檢查該值是真還是假。
$("#img5").click(function() {
if(pantallaCompleta == true) {
var carta = document.images["img5"].src;
document.images["carta2"].src = carta;
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/418592.html
標籤：
上一篇：如何使用陣列從谷歌制作散點圖？