Demo: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js实现简单的发表评论功能以及按键盘【Ctrl+enter】发表</title> </head> <body> <label>输入评论的内容:</label> <input type="text" id="txt"> <input type="button" id="btn" value="发表评论"><br> <ul id="ul" style="margin-top: 30px;"></ul> <script type="text/javascript"> window.onload = function() { var txt = document.getElementById('txt'); var btn = document.getElementById('btn'); var ul = document.getElementById('ul'); // 点击发表按钮发表评论 btn.addEventListener("click",function(){ ulContent(); }) // 按键盘【Ctrl+enter】也能发表评论 txt.onkeydown = function(ev) { // 这样的写法是为了兼容IE、火狐浏览器,因为低版本的火狐浏览器不支持event,支持ev var oEvent = ev || event; // altKey、shiftKey和ctrlKey的用法一样 if(oEvent.keyCode == 13 && oEvent.ctrlKey){ ulContent(); } } // 封装函数把input里面输入的内容插入ul中 function ulContent() { if(txt.value) { var newNode = document.createElement('li'); newNode.innerHTML = txt.value; if(ul.children.length == 0) { ul.appendChild(newNode); } else { ul.insertBefore(newNode, ul.children[0]); } txt.value = ""; } } } </script> </body> </html>
评论 (0 )
最新评论
暂无评论
赶紧努力消灭 0 回复