求解释一段js(简单的打字练习)谢谢

答案:2 悬赏:60

解决时间 2021-02-07 15:48

提问者网友：萌萌小主
2021-02-07 07:10

求解释一段js(简单的打字练习)谢谢

最佳答案

二级知识专家网友：冷态度
2021-02-07 07:22

这个方法会响应按键事件
function check( )
{
var keycode = event.keyCode ;//取得按键编码
var realkey = String.fromCharCode(event.keyCode+32) ;//将按键编码转换成字符（中间有32的偏差）
var str=document.getElementById("test").innerText;//取得目标字符串
if (str.substring(i,i+1)==realkey )//如果打的字与目标字符串一样
document.getElementById("myspan"+i).className='STYLE2 ';//将其改为红色
i++;//一个全局变量，用来判断当前输入的是第几个字符，每次输入后加1

}

这段代码BUG很多。。。

全部回答

1楼网友：风格单纯
2021-02-07 08:08

js代码 <script type="text/javascript"> function check(){ var text1 = document.getelementbyid("text1").innertext; var text2 = document.getelementbyid("text2").innertext; var text1array=new array(text1.length); var text2array=new array(text2.length); for(i=0;i<text1.length;i++){ text1array[i]=text1.substring(i,i+1); } for(j=0;j<text2.length;j++){ text2array[j]=text2.substring(j,j+1); } for(a=0;a<text2.length;a++){ if(text1array[a]!=text2array[a]){ text2array[a]="<font color='red'>"+text2array[a]+"</font>"; } } var str=""; for(c=0;c<text2array.length;c++){ str+=text2array[c]; } document.getelementbyid("text2").innerhtml=str; } </script> html代码： <body>请复制要打的字。。 <div contenteditable style="border:1px solid #000; height: 50px" id="text1"></div> 请在这里面打字 <div contenteditable style="border:1px solid #000; height: 50px" id="text2" onkeyup="check()"></div> </body>

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！