网页设计,在IE浏览器上可以正常输入,但其他浏览器上无法正常使用输入栏。大神们帮忙看看,马上要交的作业,急。
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>小学数学练习</title>
        <style type="text/css">
        #big_frame{
        line-height:45px;
        vertical-align:middle;
        margin:40px auto;
        }
        #frame1{
        border-width:1px;
        border-style:solid;
        border-color;#a16c;
        width:544px;
        height:50px;
        }
        #frame1 div{
        border-width:1px;
        border-style:solid;
        border-color;#a16c;
        border-top:none;
        border-bottom:none;
        border-left:none;
        width:108px;
        height:50px;
        float:left;
        line-height:45px;
        vertical-align:middle;
        background-color: skyblue;
        }
        #frame2{
        border-width:1px;
        border-style:solid;
        border-color:black;
        background-color:lightblue;
        width:544px;
        display:none;
        border-top:none;
        }
        #result_inp{
            background-color: skyblue;
        }
        #frame3{
        border-width:1px;
        border-style:solid;
        border-color;#a16c;
        border-top:none;
        width:544px;
        height:50px;
        background-color:whitesmoke;
        line-height:45px;
        }   
        #frame3 button{
        float:center;
        width:110px;
        height:30px;
        border-radius:20px;
        border-color: lightblue;
        line-height:20px;
        vertical-align:middle;
        background-color: skyblue;
        } div#div1{ 
position:fixed; 
top:0; 
left:0; 
bottom:0; 
right:0; 
z-index:-1; 
} 
div#div1 > img { 
height:100%; 
width:100%; 
border:0; 
}
    }
        </style>

        <script>
        var left_num;
        var op;
        var right_num;
        var result;

        var count;
        var remain;
        var i=1;
        var sign;
        var answer;
        var tanswer = 0;
        onload = function(){
            left_num = document.getElementById("left_num");
            op = document.getElementById("op");
            right_num = document.getElementById("right_num");
            result = document.getElementById("result");

        }
            function join(){
                tanswer = 0;
                i = 1;
                document.getElementById("result_inp").disabled = false;
                document.getElementById("result_inp").readOnly = false ;
                result_inp.value = " ";
                document.getElementById("frame2").innerHTML = " ";
                frame2.style.display = "none";
            var temp = Number(prompt("你想在这练习几道题?",""))
            if(!temp){
                alert("你输入的操作不正确")
            }
            else{
                count = temp;
                remain = count;
                join_btn.disabled = true;
                start_btn.disabled = null;
            }
        }
            function start(){
                start_btn.disabled = true;
                creatQuestion() 
                document.getElementById("left_num").innerHTML=left_num ;
                document.getElementById("right_num").innerHTML=  right_num  ;
                document.getElementById("op").innerHTML=  sign  ;
                result_inp.focus();
            }
            function creatQuestion(){
                op = Math.floor(Math.random()*4);
                switch(op)
                {
                case 0:
                    sign = " + ";
                    left_num= Math.floor(10+Math.random()*90);
                    right_num = Math.floor(10+Math.random()*90);

                    answer = eval(left_num + right_num);
                    break;
                case 1:
                    sign = " - ";
                    right_num = Math.floor(10+Math.random()*90);
                    left_num=right_num + Math.floor(10+Math.random()*90);

                    answer = eval(left_num - right_num);
                    break;
                case 2:
                    sign = " ×";
                    left_num = Math.floor(10+Math.random()*90);
                    right_num = Math.floor(10+Math.random()*90);

                    answer = eval(left_num * right_num);
                    break;
                case 3:
                    sign = " ÷";
                    right_num= Math.floor(10+Math.random()*90);
                    left_num = right_num * Math.floor(1+Math.random()*10);

                    answer = eval(left_num / right_num);
                    break;
                    }

                }
            function inp(){
                var code=event.keyCode;
                var you_answer = result_inp.value ;

                document.getElementById("result_inp").readOnly = false;
                var signtf;

                if ((code < 48 && code != 13) || (code > 57 && code <96) || code > 105 ){
                    result_inp.value =result_inp.value.substring(0,result_inp.value.length-1);
                    }

                else if(code == 13){
                    if(answer == you_answer)
                    { signtf = "真棒!你做对啦!";tanswer += 1;}
                    else
                    { signtf = "做错啦,是不是粗心啦?";}
                     tanswer += 1;document.getElementById("frame2").innerHTML += "第" + i  +"题:" +signtf + "  ,正确答案:" + answer + ", 你的答案:  " + you_answer +" <br / >"; 
                    i = i +1;
                    result_inp.value = "";
                    remain--;
                    if(remain != 0){
                    creatQuestion();
                    document.getElementById("left_num").innerHTML=""+left_num+"" ;
                    document.getElementById("right_num").innerHTML= ""+ right_num +"" ;
                    document.getElementById("op").innerHTML= ""+ sign +"" ;


                    }
                    else{

                        result_inp.value="已完成";
                        document.getElementById("result_inp").readOnly = "true" ;
                        show_btn.disabled = null;

                        var grade;
                        grade = Math.floor(tanswer / count * 100);
                        document.getElementById("frame2").innerHTML += "满分为一百,你得到的分数为:" + grade + "分" + " <br / > 小朋友再接再厉哦!";
                        document.getElementById("result_inp").disabled = "true";


                    }

                }       
            }
            function compute(){
            frame2.style.display = "block";
            show_btn.disabled = true;
            join_btn.disabled = null;
            }
        </script>
    </head>
    <body >
        <div id="div1"><img src="111.jpg" /></div>
        <div id="big_frame" align="center">
            <div id="frame1">
                <div id="left_num"></div>
                <div id="op"></div>
                <div id="right_num"></div>
                <div >=</div>
                <div id="result" style="border-right:none">
                    <input  id= "result_inp" type="text"   style="width:106px;height:47px; border: 0;" value="" readonly  onkeyup="inp()" >
                </div>
            </div>
            <div id="frame2">

            </div>
            <div id="frame3" >
                <button id="join_btn" onclick="join()"  >参加测试</button>
                <button id= "start_btn"  disabled  onclick="start()" >开始出题</button>
                <button id= "show_btn" disabled onclick="compute()">显示结果</button>
            </div>
        </div>
    </body>
</html>

4个回答

event对象没有做兼容性处理

            function inp(){
                var event = arguments.callee.caller.arguments[0] || window.event;
                var code= event.which || event.keyCode;

我在谷歌浏览器中测试了一下,是可以的。
可能是浏览器设置的问题,有些浏览器禁止了 alert 通知信息。可以从这个方面排查一下。

可以看下浏览器的设置,是否禁止执行javascript或者可能js兼容性问题导致。

应该是浏览器设置的原因!升级或者重新安装一下浏览器试试,一般这样后配置会重置

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问

相似问题

1
IE浏览器调用JSP文件,从第一个界面到第二个界面提示脚本错误
5
vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空白
2
想用H5技术IE浏览器播放wmv格式的视频文件中的声音、视频(可以分别播放)不使用falsh
3
客户端访问一个页面从谷歌浏览器打开IE浏览器?
2
ocx控件非IE浏览器不支持问题。
2
IE浏览器切什么不执行$(function() {}),用谷歌浏览器反倒是可以。
2
jasvascript语言怎么自定义ie浏览器的菜单,比如不允许打印的功能的调用
0
JSP页面在IE浏览器下默认“文本模式”异常
4
div中嵌入一个视频框,在IE浏览器中可以正常显示,但是别的浏览器比如谷歌会出现错位。
1
用IE浏览器在iframe里直接显示Excel表格
2
关于ie浏览器和谷歌浏览器在网页浮动的疑惑?
0
Plupload上传控件在低版本IE浏览器有时候会出行无法使用的问题
2
360浏览器无法通过域名访问任何网页,但是IE浏览器可以,这该怎么解决
1
ie中textarea在动态清空后马上输入会出现异常
4
IE浏览器8 7600 16385下载地址或安装包
1
IE浏览器下载出现 保存toolbar ,通过什么工具能够解析 toolbar
1
关于vs2010网页打开时出现的问题
4
ie8浏览器下网页运行后提示js错误,缺少标识符、数字、字符串
1
Cefsharp修改浏览器标识为IE
1
学校vpn登陆后只能使用ie浏览器,并且ie只能使用flash版本播放该怎么办?