时间戳

首页 > 解决方案 > javascript点击功能在ios中无法正常工作

javascript - javascript点击功能在ios中无法正常工作

问题描述

我开始了一个视频项目。我自己写了我的视频播放器。我正在使用 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();
});

标签： javascriptiosclick

解决方案

一些苹果产品会阻止虚拟点击事件，如点击事件等

推荐阅读