推荐文章

jQuery 获取屏幕高度、宽度

jQuery 获取屏幕高度、宽度

jQuery 获取屏幕高度、宽度、滚动条位置
JavaScript及C#的url编码

JavaScript及C#的url编码

JavaScript中编码有三种方法:escape、encodeURI、encodeURIComponent
jQuery隐藏和显示

jQuery隐藏和显示

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:语法:$().hide(speed,callback);$().show(speed,callback);可选参数:可选的 speed 参数规定隐藏显示的速度,可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。例子:$("#hide")
jQuery淡入淡出效果

jQuery淡入淡出效果

通过 jQuery,您可以实现元素的淡入淡出效果。jQuery 拥有下面四种 fade 方法:fadeIn(speed,callback) 用于淡入已隐藏的元素fadeOut(speed,callback)方法用于淡出可见元素fadeToggle(speed,callback)方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换fadeTo(speed,opacity,cal
load()方法从服务器加载数据,并把返回的数据放入被选元素中

load()方法从服务器加载数据,并把返回的数据放入被选元素中

jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$().load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键值对集合。可选的 callback 参数是 load() 方法完成后所执行的函数名称。例子:$("butto

JS判断是手动输入或扫描枪输入

日期:2019-03-21 点击:3945 来源:PB2.CN
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    </head>
    <body class="hold-transition login-page">
        <!-- 输入框 -->
        <input type="text" name="" value="" autofocus>
    </body>
    <script>
        window.onload = function(e){
            code = ""; // 模拟输入的值
            var lastTime,nextTime;// 记录两次键盘的时间
            var lastCode,nextCode;// 两次键盘的键码值
            document.onkeypress = function(e) {// 监听键盘事件
                nextCode = e.which;// 当前的键码
                nextTime = new Date().getTime();// 当前的毫秒数
                console.log(nextCode,(nextTime - lastTime));
                if(nextCode >= 48 && nextCode <= 57){// 只关注数字键
                    if(lastCode != null && lastTime != null && nextTime - lastTime <= 30) {// 相差30以内说明是机器刷卡
                       code += String.fromCharCode(lastCode);// 把键盘码返回为对应的值
                    } else {// 手动在输入
                       code = "";
                    }
                    // 当前的键盘码和时间作为下一次的上一次
                    lastCode = nextCode;
                    lastTime = nextTime;
                }
                if(nextCode == 13){//enter键代表刷卡结束
                    if(code && (nextTime - lastTime) <= 100){// 刷卡的卡号获取成功,且是机器触发的enter
                        code +=  String.fromCharCode(lastCode);
                        window.location.href="http://www.baidu.com";
                    }
                }
            }
        }
    </script>
</html>


这篇文档对您是否有帮助?

jQuery 获取屏幕高度、宽度

jQuery 获取屏幕高度、宽度

jQuery 获取屏幕高度、宽度、滚动条位置
JavaScript及C#的url编码

JavaScript及C#的url编码

JavaScript中编码有三种方法:escape、encodeURI、encodeURIComponent
jQuery隐藏和显示

jQuery隐藏和显示

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:语法:$().hide(speed,callback);$().show(speed,callback);可选参数:可选的 speed 参数规定隐藏显示的速度,可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。例子:$("#hide")
jQuery淡入淡出效果

jQuery淡入淡出效果

通过 jQuery,您可以实现元素的淡入淡出效果。jQuery 拥有下面四种 fade 方法:fadeIn(speed,callback) 用于淡入已隐藏的元素fadeOut(speed,callback)方法用于淡出可见元素fadeToggle(speed,callback)方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换fadeTo(speed,opacity,cal
load()方法从服务器加载数据,并把返回的数据放入被选元素中

load()方法从服务器加载数据,并把返回的数据放入被选元素中

jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$().load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键值对集合。可选的 callback 参数是 load() 方法完成后所执行的函数名称。例子:$("butto