扫码枪扫码直接提交ajax,js监听页面扫码枪

#### js页面监听扫码枪

> 该方法可以直接放在js代码中使用

```javascript

// 扫码枪

var code = "";

var lastTime, nextTime;

var lastCode, nextCode;

document.onkeypress = function (e) {

if (window.event) { // IE

nextCode = e.keyCode;

} else if (e.which) { // Netscape/Firefox/Opera

nextCode = e.which;

}

if (nextCode === 13) {

if (code.length < 3) return; // 手动输入的时间不会让code的长度大于2，所以这里只会对扫码枪有

console.log(code); // 获取到扫码枪输入的内容，做别的操作

// 得到扫码枪的值,请求数据库,返回结果

$.ajax({

type: "POST",

url: "{:url('barcode_select')}",

data: {barcode: code},

dataType: "json",

success: function (res) {

if (res.code == 0){

var data = res.data

var shop_name = '';

for(var i = 0; i < (data.shopinfo).length; i++){

shop_name = data.shopinfo[i].name + '和' + shop_name

}

var shop_str = shop_name.substr(0, shop_name.length-1);

// 给搜索框赋值并搜索

$("#keys").attr("value", data.barcode);

$("#search").click();

// 拼接需要语音播报的值

var str = data.goods_name + data.color + data.size_name + '属于' +shop_str

// 调用语音播报的方法

speckText(str);

}else {

console.log('111')

}

},error: function (error) {

console.log(11)

}

});

code = '';

lastCode = '';

lastTime = '';

return;

}

nextTime = new Date().getTime();

if (!lastTime && !lastCode) {

code += e.key;

}

if (lastCode && lastTime && nextTime - lastTime > 30) { // 当扫码前有keypress事件时,防止首字缺失

code = e.key;

} else if (lastCode && lastTime) {

code += e.key;

}

lastCode = nextCode;

lastTime = nextTime;

}

```

扫码枪扫码直接提交ajax,js监听页面扫码枪相关推荐

js监听页面或元素scroll事件，滚动到底部或顶部
基本原理: 1.滚动到底部元素的滚动距离 + 元素的可视距离 == 元素的滚动条总距离2.滚动到顶部元素的滚动距离 == 0 监听页面滚动 <!DOCTYPE html> <ht ...
java计算器监听放大缩小,js监听页面放大缩小
demo body[zoom='scale']:before{ content: '您的网页处于缩放状态,请按 Ctrl+0 恢复到浏览器默认大小'; z-index: 9999; position: ...
js监听页面最大化，最小化事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
js监听页面元素变化window.MutationObserver
相信前端开发同学都熟悉各种各样的监听事件,比如元素点击事件onClick,鼠标事件onMouseDown.onMouseHover,键盘按键onKeyDown,浏览器窗口改变事件onResize等等. ...
JS监听页面----无鼠标键盘动作，自动跳页
监听页面鼠标键盘动作,若用户5秒没有任何操作,页面自动跳转 function ScreenSaver(settings){ this.settings = settings; this.nTimeou ...
JS监听页面元素删除子节点、增加子节点、修改子节点的内容
监听这个事件DOMSubtreeModified. 表示如果当前监听元素的子节点有改动:包括删除子节点.增加子节点.修改子节点的内容,都会触发这个事件. var container = documen ...
form表单回车提交问题,JS监听回车事件
为什么80%的码农都做不了架构师?>>> 我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关 ...
js 监听页面url锚点变化 window.onpopstate
window.onpopstate = function (event) {if (location.href.indexOf('#') == -1) {location.reload();}}; 解 ...
html+监听+页面滚动到底部,JS监听页面滚动到底部事件
敏捷开发之Scrum扫盲篇现在敏捷开发是越来越火了,人人都在谈敏捷,人人都在学习Scrum和XP... 为了不落后他人,于是我也开始学习Scrum,今天主要是对我最近阅读的相关资料,根据自己的理解, ...
h5页面js监听页面失去焦点、获取焦点
小程序/uniapp等项目有onshow.onhide等生命周期. 其实在h5页面中对应的是页面激活.页面非激活状态. 应用场景: eg:在某h5页面需要连接websoket,页面激活状态建立连接,页 ...

扫码枪扫码直接提交ajax,js监听页面扫码枪

扫码枪扫码直接提交ajax,js监听页面扫码枪相关推荐

最新文章

热门文章