js实现模拟计算器退格键删除文字效果的方法
本文实例讲述了js实现模拟计算器退格键删除文字效果的方法。分享给大家供大家参考。具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.myinput{
width:70px; height:30px;
}
.tf{
width:220px; height:30px;
margin-bottom:5px; font-size:26px;
font-family:Tahoma, Geneva, sans-serif;
color:#fff; border:2px solid #999;
background:#000; text-align:right;
}
</style>
<script language="javascript" type="text/javascript">
window.onload = function()
{
var tf = $("tf");
for( var i=0;i<11;i++ ){
$("btn"+i).onclick = function(){
if(this.value == "." && tf.value == "") return false;
if(this.value == "." && tf.value.indexOf(".") != -1) return false;
if(tf.value == "0"){
if(this.value == "."){
tf.value += this.value;
}
}else{
tf.value += this.value;
}
}
}
$("back").onclick = function(){
tf.value = tf.value.replace(/.$/,'')
}
}
function $(id){return document.getElementById(id);}
</script>
</head>
<body>
<input class="tf" name="textfield" type="text" id="tf" size="30" />
<br />
<input class="myinput" type="submit" name="button" id="btn0" value="0" />
<input class="myinput" type="submit" name="button" id="btn1" value="1" />
<input class="myinput" type="submit" name="button" id="btn2" value="2" />
<br />
<input class="myinput" type="submit" name="button" id="btn3" value="3" />
<input class="myinput" type="submit" name="button" id="btn4" value="4" />
<input class="myinput" type="submit" name="button" id="btn5" value="5" />
<br />
<input class="myinput" type="submit" name="button" id="btn6" value="6" />
<input class="myinput" type="submit" name="button" id="btn7" value="7" />
<input class="myinput" type="submit" name="button" id="btn8" value="8" />
<br />
<input class="myinput" type="submit" name="button" id="btn9" value="9" />
<input class="myinput" type="submit" name="button" id="btn10" value="." />
<input class="myinput" type="submit" name="button" id="back" value="退格" />
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JS模拟键盘打字效果的方法，包括了JS模拟键盘打字效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS模拟键盘打字效果的方法。分享给大家供大家参考。具体如下： 这里使用JS模拟实现软键盘及打字效果，点击软键盘年的字母键，文本框中即可显示文字，像是键盘打字的效果，美工不太好，没怎么美化，CSS高手可美化一下按钮，看上去还挺不错吧，我觉得。 先来看看运行效果图： 具体代
-
本文向大家介绍JS实现文字放大效果的方法，包括了JS实现文字放大效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现文字放大效果的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍python GUI模拟实现计算器，包括了python GUI模拟实现计算器的使用技巧和注意事项，需要的朋友参考一下 python编写计算器，供大家参考，具体内容如下 （1）计算器界面如下： （2）基本满足了计算器的所有需求，使用时不可键盘输入，只能鼠标点击左键才可执行。初始时显示0.0，每次输入的内容存于D:\num.txt(启动程序时自动创建) （3）" AC " 记录清零返回初
-
本文向大家介绍JS实现倒计时和文字滚动的效果实例，包括了JS实现倒计时和文字滚动的效果实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现倒计时和文字滚动效果的方法。分享给大家供大家参考。具体实现方法如下： 说明：一般我们在一些淘宝类店铺中会看到一些像搞竞拍之类的活动，从中我们时而会发现一些倒计时的效果，在一些年会等场合我们也会发现一些抽奖活动，从中我们也可以看到一些随即滚动的效果
-
本文向大家介绍Ajax实现模拟关键字智能匹配搜索效果，包括了Ajax实现模拟关键字智能匹配搜索效果的使用技巧和注意事项，需要的朋友参考一下 准备数据keyword.json：（这里只贴出部分数据） html结构 js： 效果图： 以上所述是小编给大家介绍的Ajax实现模拟关键字智能匹配搜索效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站
-
本文向大家介绍JS模拟的Map类实现方法，包括了JS模拟的Map类实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS模拟的Map类。分享给大家供大家参考，具体如下： 根据java中map的属性，实现key----value保存 1、使用数组方式存储数据，（使用闭包） 2、使用JSON方式存储数据（使用原型方式拓展方法） 更多关于JavaScript相关内容感兴趣的读者可查看本站专