javascript——ctrl加回车留言
HTML部分:
<input type="text" name="" id="text1"> <ul id="ul1"></ul> <!-- 文本框中输入文字,按下ctrl+回车 -->
JS部分:
window.onload = function(){ //获取相关元素 var oText = document.getElementById('text1'); var oUl = document.getElementById('ul1'); oText.onkeyup = function(ev){ //获取事件对象 var ev = ev || event; //判断当前文本值不为空时 if(this.value != ''){ //判断键盘按回车和Ctrl键时 if(ev.keyCode == 13 && ev.ctrlKey){ //创建li,并把文本框当前的value值赋给li的innerHTML var oLi = document.createElement('li'); oLi.innerHTML = this.value; //判断是否存在ul下面第一个子节点是否存在 if(oUl.children[0]){ //ul下存在子节点就插入到前面 oUl.insertBefore(oLi , oUl.children[0]); }else{ //ul下不存在子节点,就添加到ul后面 oUl.appendChild(oLi); } } } } };