zoukankan      html  css  js  c++  java
  • 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);
                            }
                        }
                    }
                }
            };
  • 相关阅读:
    各种计算
    C# 杂货
    Unity String格式化字符串
    unity 窗口化运行时取消边框
    WPF开机自启
    wpf 如何让当前窗口隐藏
    Unity 安卓杂货
    unity的一些杂货
    C# 项目中遇到过的坑(持续更新)
    C# 并入UI线程
  • 原文地址:https://www.cnblogs.com/bokebi520/p/4355198.html
Copyright © 2011-2022 走看看