标签：
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>
标签：
原文地址：http://www.cnblogs.com/justyq/p/4805427.html
