本文实例讲述了js实现模拟计算器退格键删除文字效果的方法。分享给大家供大家参考。具体如下: /p>
"/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程序设计有所帮助。
如果觉得《javascript 模拟退格键_js实现模拟计算器退格键删除文字效果的方法》对你有帮助,请点赞、收藏,并留下你的观点哦!