js-留言板 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <style>
 7         #top{
 8             width: 400px;
 9             height: 200px;
10             background-color: gray;
11         }
12     </style>
13 </head>
14 <body>
15 <div id="top">
16     <h2>留言板</h2>
17     <hr/>
18     <div id="inner"></div>
19 </div>
20 <form action="" >
21 <textarea name="txt" id="text" cols="30" rows="10"></textarea>
22 <input type="button" id="button" value="提交"/>
23 </form>
24 
25 </body>
26 </html>
27 <script>
28     var t = document.getElementById("inner");
29     var txt = document.getElementById("text");
30     //console.log(txt);
31     var btn = document.getElementById("button");
32 
33     btn.onclick = txt.onkeydown = function(e){
34         var ev = e||window.event;
35         if(ev.type=="click" || (ev.type=="keydown" && ev.ctrlKey && ev.keyCode =="13")){
36 
37         var elep = document.createElement("p");
38         t.appendChild(elep);
39         elep.innerHTML = txt.value;
40             txt.value="";
41             txt.focus();
42         }
43     }    
44 </script>

 

posted @ 2015-09-13 19:32  -Amy-  阅读(267)  评论(0)    收藏  举报