javascript點擊功能在ios中無法正常工作

Question

我開始了一個視頻項目。 我自己寫了我的視頻播放器。 我正在使用 javascript、jquery、asp.net 和 c#。

我讓視頻在用戶設置的幾秒鍾內停止，用戶提出問題來到屏幕。 視頻停止。 問題來了。 單擊答案選項。 單擊的選項保存在數據庫中（用於分析）。

我通過ajax將我的數據發送到服務器端。 當您立即回答問題時，它可以完美運行。我使用我用 Z-index 創建的 css 將我的問題帶到屏幕上。

Chrome、Edge 和Android 等了一段時間我就遇到了這個問題。

我的項目在 ios 上無法正常工作。 它將第一個問題帶到屏幕上 3-4 次。 但它使其他問題一鍵顯示。另一個問題帶到屏幕上不是問題。 我只是對 ios 上的第一個問題有疑問。 我不明白為什么這個問題出現在屏幕上 3-4 次。

html代碼

<div id="v_area">
    <div id="my_ad">

        <p>
            <div class='clickable-div-1' id="div1">
                <button id="c1"></button>
            </div>
        </p>
        <p>
            <div class='clickable-div-2' id="div2">
                <button id="c2"></button>
            </div>
        </p>
        <p>
            <div class='clickable-div-3' id="div3">
                <button id="c3"></button>
            </div>
        </p>
        <p>
            <div class='clickable-div-4' id="div4">
                <button id="c4"></button>
            </div>
        </p>

    </div>
</div>    

javascript代碼

$(document).on('click', '.clickable-div-1', function() {

v.currentTime += 0.03;
document.getElementById("my_ad").style.visibility = "hidden";

var user = {};

user.Cevap1 = document.getElementById('c1').innerHTML;
var VKodu = document.getElementById('VKodu').innerHTML;
var SoruKodu = document.getElementById('SoruKodu').innerHTML;

$.ajax({
        type: "POST",
        `
        url: "VideoPlayerDemo.aspx/SonucKaydet", 
 data:'{user:'+JSON.stringfy(user)+',VKodu:'+JSON.stringfy(VKodu)+',SoruKodu:'+JSON.stringfy(user)+'}',

        contenttype:"json",
        success:function(data){        
                    if(document.getElementById("my_ad").style.visibility!="hidden")
{
  document.getElementById("my_ad").style.visibility ="hidden";`
    }

},
}),
}),
v.play();
});

Answer 1

一些蘋果產品會阻止點擊事件等虛擬點擊事件