一个练习打字程序，不兼容firefox，原因是自动获得焦点和截获键盘事件不兼容。
<html>
<head>
<title> 打字练习 </title>
<script>
var timer_handle;
var started=0;
function creatword()
{
var random_word=["A","B","C","D","E","F","G","H","I","J","K","L","M","N",
"O","P","Q","R","S","T","U","V","W","X","Z"];
var index=Math.floor(Math.random()*26);
document.word.fallword.value=" "+random_word[index]+" ";
}
function fallgo()
{
var height=0;
height=document.word.fallword.style.top.slice(0,-2);
height=height-1+21;
if(height>=680)
{
alert("you loose!");
clearInterval(timer_handle);
started=0;
document.word.fallword.style.top="30px";
document.word.fallword.value="ready";
}
else
{
document.word.fallword.style.top=height+"px";
}
}
function shot()
{
if(event.keyCode==13)
{
event.keyCode=9;
if(" "+document.word.inputword.value.toUpperCase()+" "==document.word.fallword.value)
{
document.word.fallword.style.top="30px";
creatword();
document.word.inputword.value="";
}
}
}
function startfall()
{
if(started==0)
{
timer_handle=setInterval("fallgo();",500);
creatword();
started=1;
}
}
function fff()
{
document.word.inputword.focus();
}
</script>
</head>
<body>
<form name="word">
<input type="text" name="inputword" style="position:absolute;left:550px;top:700px" onkeydown="shot()" onblur="fff();">
<input type="button" name="fallword" value="ready" style="position:absolute;left:550px;top:30px"/>
<input type="button" name="start" value=" 开始 " style="position:absolute;left:600px;top:750px" onclick="startfall();"/>
</form>
</body>
</html>
分享到：
相关推荐
【标题】"网页模板——javascript 在线打字练习"揭示了这个压缩包文件的主要内容，它是一个基于JavaScript技术实现的在线打字练习平台的网页模板。JavaScript，作为全球最广泛使用的编程语言之一，通常用于增强网页...
【JavaScript版电脑打字练习程序】是一个基于纯JavaScript编写的打字练习应用，旨在帮助用户提升打字速度和准确性。这个程序主要适用于初级到中级的编程爱好者和对打字技能有需求的人群，通过简单的交互界面，让用户...
【标题】"JS打字练习"是一个以JavaScript为基础的打字练习应用，旨在帮助用户提升打字速度和准确性。在编程领域，良好的打字技巧是提高工作效率的关键因素之一，特别是对于长时间编写代码的开发者来说。JavaScript，...
打字游戏是一个使用HTML5、CSS和JavaScript开发的简单项目。这个项目可以帮助你提高打字速度。这就像一个游戏。单击“开始”按钮开始输入，也可以在任务完成前停止输入。 要运行此项目，只需要一个浏览器。通过单击...
javascript实现网页上打字练习
【标题】"javascript 在线打字练习.zip" 涉及到的知识点主要集中在JavaScript、网页交互和jQuery库的应用上。这个压缩包可能包含一个基于JavaScript实现的在线打字练习平台，用户可以在网页上进行打字速度和准确性的...
《jQuery键盘打字练习游戏代码》是一个基于JavaScript库jQuery实现的互动打字练习应用。这个项目旨在帮助用户提升打字速度和准确性，采用游戏化的方式让学习过程更加有趣。通过这款应用，用户可以在一个模拟的键盘...
**jQuery网页版键盘打字练习代码详解** 在网页开发中，有时我们需要创建一些互动性强、用户体验良好的功能，比如打字练习应用。这个“jQuery网页版键盘打字练习代码”就是一个典型的例子，它允许用户通过鼠标或键盘...
TypeScript
【标题】"打字练习金鱼小游戏源码.zip"是一个包含源代码的压缩包，它提供了打字练习的趣味游戏。这个游戏以捞金鱼为主题，玩家通过正确输入屏幕上显示的文字来捞取海里的鱼，旨在提升用户的打字速度和准确性。 ...
"仿金山打字通网页版打字游戏"就是这样一个项目，它利用JavaScript这一强大的客户端脚本语言，为用户提供了类似金山打字通的打字练习环境。这个项目不仅展示了JavaScript在创建交互式Web应用方面的潜力，同时也体现...
521yy在线五笔打字练习是一款简洁而实用的打字练习工具，其v1.0版本的核心源码由HTML、CSS和JavaScript这三种前端核心技术构建。这款软件以其轻量级的特性，为用户提供了一个高效且易于上手的五笔字型学习平台。接...
标题中的“英日韩打字练习软件.rar”表明这是一个压缩包文件，包含了专门用于英语、日语和韩语打字练习的应用程序或资源。这样的软件通常设计为帮助用户提高他们在三种语言中的打字速度和准确性。 描述中提到的“英...
【标题】"js在线打字应用"涉及到的主要技术是JavaScript（简称js）和jQuery，这是一种创建交互式网页的工具，特别是在HTML文档中实现动态效果。JavaScript是一种轻量级的脚本语言，通常在浏览器端运行，用于处理用户...
"MSTTS打字练习.rar" 这个标题表明这是一个关于Microsoft Text-to-Speech (MSTTS)技术的打字练习资源。MSTTS是微软提供的一种文本转语音（TTS）引擎，它允许软件将文本转换成自然、流畅的语音输出。打字练习通常用于...
在这个打字游戏中，JavaScript文件（如"yx.js"）可能包含了以下几个关键功能： 1. **数据管理**：存储待输入的文字序列，以及用户当前输入的状态。 2. **事件监听**：监听用户的键盘输入，与实际提示进行比较，判断...
项目：使用源代码进行 JavaScript 打字练习 打字练习是一个使用 HTML5、CSS 和 JavaScript 开发的简单项目。这个项目可以帮助您提高打字速度。这就像一场游戏，屏幕上会一个接一个地弹出/落下随机字母，您必须在它们...
【标题】 "练习打字的一个源文件，可用于网页端" 暗示这是一个与打字练习相关的项目，可能是一个互动的在线应用或者游戏，旨在帮助用户提高打字速度和准确性。这种类型的软件通常会设计成各种有趣的方式，比如提供...