js文本框 计算器

来源:百度知道 编辑:UC知道 时间:2024/05/12 18:20:37
<input type="text" name="textfield" id="textfield">
求一段能在点击这个文本框的时候出现一个小型计算器的代码
要求,
网页上用的,点击文本框出现,计算器支持键盘输入和鼠标输入,计算出的结果直接显示在文本框里,在网页其他地方点击计算器就消失,最好是能重复使用的代码,而且一页内允许出现多个.
谢谢啦先
是这个意思了,不过只能用鼠标输入,没法用键盘输入啊,而且过程中的数字没有显示在文本框里.

我随便写了写。写的有点粗,自己调下。加些css.还有计算公司那里我做了最简单的计算。你当然那要写过下
试过。你点下1+2能等于3的
<html>
<body>
test1:<input type="text" id="text1" value="" onclick=createOjb(this,event) />
test2:<input type="text" id="text2" value="" onclick=createOjb(this,event) />
<script type="text/javascript" >

function createOjb(obj,er){

if(document.getElementById(obj.id+"div")!=null){
return;
}

var div = document.createElement("div");
div.style.cssText="position:'absolute';border:#B5DAFF 1px solid";
var tab = document.createElement('table');
tab.id=obj.id+"div";
tab.border=1;

var tr=tab.insertRow();
var td=tr.insertCell();
td.innerHTML='1';
td.onclick=function(){doCount(this