单击可编辑文本框，回车确认内容

最新推荐文章于 2020-11-03 23:55:09 发布

博智诚信

最新推荐文章于 2020-11-03 23:55:09 发布

阅读量506

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/u011425213/article/details/9384169

版权

javascript 专栏收录该内容

81 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""HTML://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd">
<HTMLxmlns="HTML://www.w3.org/1999/xHTML">
<head>
<meta HTML-equiv="Content-Type" content="text/HTML;charset=gb2312" />
<title>单击后编辑文字</title>
<style>
input.t {border:1px solid #fff;}
</style>
</head>
<body >
<input class="t" id="test" readonly value="点击我看看效果"/>

<scripttype="text/javascript">
var test = document.getElementById("test");
test.onclick = function()
{
this.readOnly = false;
this.className = "s";
}

document.οnkeydοwn=function(event){
           var e = event || window.event ||arguments.callee.caller.arguments[0];
           if(e && e.keyCode==27){ // 按Esc
               //要做的事情
             }
           if(e && e.keyCode==113){ // 按F2
                //要做的事情
              }
            if(e && e.keyCode==13){ // enter键
                test.readOnly = true;
                test.className = "t";
           }
       }