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);
                        }
                    }
                }
            }
        };

 

转载于:https://www.cnblogs.com/bokebi520/p/4355198.html