Javascript iPad和Safari模拟器，以及交叉浏览问题_Javascript_Ipad_Safari_Cross Browser

Javascript iPad和Safari模拟器，以及交叉浏览问题

javascript ipad safari

Javascript iPad和Safari模拟器，以及交叉浏览问题,javascript,ipad,safari,cross-browser,Javascript,Ipad,Safari,Cross Browser,我有以下测试代码： <!DOCTYPE html> <html> <head> <title>TESTE</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript">

我有以下测试代码：

<!DOCTYPE html>
<html>
<head>
    <title>TESTE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
        var titulos = new Array();
        var conteudos = new Array();
        titulos[0] = "titulo1";
        conteudos[0] = "abacate caqui côco goiaba morango laranja limão ";
        titulos[1] = "titulo2";
        conteudos[1] = "abacaxi caqui goiaba maracujá pêssego ";
        titulos[2] = "titulo3";
        conteudos[2] = "abacate caqui maracujá uva";
        titulos[3] = "titulo4";
        conteudos[3] = "abacaxi carambola côco morango ";
        titulos[4] = "titulo5";
        conteudos[4] = "abacaxi carambola ";
        titulos[5] = "titulo6";
        conteudos[5] = "abacate abacaxi banana caqui carambola côco goiaba ";
        titulos[6] = "titulo7";
        conteudos[6] = "abacate abacaxi caqui côco ";
        titulos[7] = "titulo8";
        conteudos[7] = "abacaxi caqui morango maracujá ";
        titulos[8] = "titulo9";
        conteudos[8] = "abacaxi carambola côco ";
        titulos[9] = "titulo10";
        conteudos[9] = "abacaxi caqui côco ";
        titulos[10] = "titulo11";
        conteudos[10] = "banana carambola côco morango pêssego ";
        var conta = 10;

        function procura(texto) {
            conta2 = 0;
            var resposta = "";
            var texto = texto.toLowerCase(); //EDITED
            while (conta2 < conta) {
                var conteudo = retirarAcento(conteudos[conta2]); //EDITED
                conteudo.toLowerCase(); //EDITED
                if (conteudo.search(texto) >= 0) resposta = resposta + "<div style='border: 1px solid #fff; background: #eee;' onclick='alert("+(conta2+1)+")'>" + titulos[conta2] + "<\/div>"; //EDITED
                conta2++;
            }
            document.getElementById('resposta').innerHTML = resposta;
        }
    </script>
</head>
<body>
<input type="text" style="width: 200px;" onKeyUp="procura(this.value)">
<div id="resposta" style="width: 200px; max-width: 200px; max-height: 250px; border: 1px solid #f00; overflow-y: scroll"></div>
</body>
</html>


睾丸
var titulos=新数组（）；
var conteudos=新数组（）；
titulos[0]=“titulo1”；
conteudos[0]=“abacate caqui côco goiaba morango laranja limão”；
提托洛斯[1]=“提托洛斯2”；
conteudos[1]=“abacaxi caqui goiaba maracujápêssego”；
titulos[2]=“titulo3”；
conteudos[2]=“abacate caqui maracujáuva”；
提托洛斯[3]=“提托洛斯4”；
conteudos[3]=“阿巴卡西杨桃côco morango”；
titulos[4]=“titulo5”；
conteudos[4]=“阿巴卡西杨桃”；
提托洛斯[5]=“提托洛斯6”；
conteudos[5]=“abacate abacaxi香蕉caqui杨桃côco goiaba”；
提托洛斯[6]=“提托洛斯7”；
conteudos[6]=“abacate abacaxi caqui côco”；
titulos[7]=“titulo8”；
conteudos[7]=“abacaxi caqui morango maracujá”；
提托洛斯[8]=“提托洛斯9”；
conteudos[8]=“阿巴卡西杨桃côco”；
titulos[9]=“titulo10”；
conteudos[9]=“abacaxi caqui côco”；
titulos[10]=“titulo11”；
conteudos[10]=“香蕉杨桃côco morango pêssego”；
var-conta=10；
函数procura（texto）{
conta2=0；
var resposta=“”；
var texto=texto.toLowerCase（）；//已编辑
while（conta2=0）resposta=resposta+“”+titulos[conta2]+“”；//已编辑
conta2++；
}
document.getElementById（'resposta'）。innerHTML=resposta；
}

它在数组中搜索，找到时显示在div中。在FF 27、IE 11、Safari 5 for Windows、Opera 9.8、Chrome 33、Chrome for Android和FF for Android中正常工作（我需要测试的全部内容）。我试过一些iPad和Safari模拟器，效果也不错

问题是，用户说它在Safari中不适用于mac和真正的iPad

代码似乎是正确的，我没有主意了

你们能看到什么吗？或者知道一些更“可靠”的模拟器？

为什么不使用jQuery为您处理keyup事件？如果存在已知问题，jQuery还将处理浏览器兼容性问题……主要问题是我无法测试它，因此无法找到问题所在。代码很简单，我不认为我需要jquery来解决这个问题。。。iPad将首字母倒装，所以搜索无法工作。将所有内容改为小写，现在可以工作了。哈，我从来没有想过……但我想到使用appendchild而不是innerhtml。