键盘事件个浏览器兼容

//创建颜色数组
       var colors=["red", "green", "hotpink", "pink", "cyan", "yellowgreen", "purple", "deepskyblue","#666"];

//创建是键盘按下事件
        $(document).on("keydown",function(e){
            //键盘代码,各个浏览器兼容
            var eCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
                //如果等于回车键
            if(eCode==13){
                //定义自定义颜色=parseInt(转换为整数)
            var randomColor=parseInt(Math.random()*colors.length);
                //定义显示span标签显示的高度
            var randomY=parseInt(Math.random()*600);

            $("<span></span>").text($(".text").val()).css({
                color:colors[randomColor],
                left:"1900px",
                top:randomY
            }).animate({left:-500},10000,"linear",function(){//回调函数,animate执行完毕后,在执行回调函数
                $(this).remove();  //移除这个标签
            }).appendTo(".box");  //添加到box div中
            $(".text").val("");
            $(".text").focus();
            }
        });
            

 

posted @ 2019-04-16 15:13  WhiteSpace  阅读(251)  评论(0编辑  收藏  举报