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

所有苹果产品均会阻止虚拟点击事件，例如点击事件和e.t.c。

javascript点击功能在iOS中无法正常运行

1 个答案: