html计算器中退格怎么写,js实现模拟计算器退格键删除文字效果的方法

本文实例讲述了js实现模拟计算器退格键删除文字效果的方法。分享给大家供大家参考。具体如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

.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;

}

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);}

希望本文所述对大家的javascript程序设计有所帮助。

时间： 2015-05-06