首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

怎样区分条码枪输入触发的回车与键盘回车

今天在做条码枪扫描商品条码来选择商品时,发现有一个矛盾:条码枪其实是模拟键盘事件的:先模拟敲击键盘,输入它所扫描到的条码,在输入完毕,再模拟敲击键盘的回车事件。...而为了提高功能的易用性,页面本身就有一个监听,当用户按回车时,默认是触发表单的提交事件的,这样就有个冲突,当条码枪扫描条码,即会触发录入商品信息的操作,之后又会触发表单的提交操作,而这,是我不希望看到的...在经过一些思考与尝试,用以下的办法解决了,这里先说一下思路,代码稍后整理一下再贴上来:在扫描枪扫描一个条码,触发的事件中,条码文本框本身的回车事件是会先触发的,继而再到页面的回车事件触发。...当鼠标焦点在条码输入框的时候,它的值一定是空的,而当它失去焦点时,我们可以人为让它的值为空,再当页面的回车触发时,我们就可以通过条码输入框的值是否为空也判断本次回车空间是由条码枪触发还是由用户按键盘触发了...,在blur时,设置值为"条码枪录入",这样,在页面的回车监听时,就心中有数了。

2.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    bootstrap input框回车重新刷新页面问题

    bootstrap input框回车重新刷新页面问题 问题描述 处理方案 问题描述 在给bootstrap页面form表单中的input搜索框绑定回车事件,输入完成点击回车搜索,页面会向后台发起两次请求...,且会自动取消第一次请求,自动刷新页面导致不是你输入搜索条件查询到的结果,效果图如下 处理方案 处理方案是在input搜索框回车事件业务逻辑中,主动触发搜索事件之后返回false,让form表单不再进行列表刷新...glyphicon glyphicon glyphicon-eye-open"> js代码如下 //回车事件...theEvent.keyCode || theEvent.which || theEvent.charCode; //console.log(code); if (code == 13) { //回车执行查询...$("#search").trigger("click"); return false; } }); 其中在回车执行查询之后的 return false;不能缺少,缺少就会出现上述问题

    11910

    在浏览器输入 URL 回车,会发生什么?

    然后根据动态语言的脚本,来决定调用什么类型的动态文件解释器来处理这个请求。...以 PHP 语言的 MVC 框架举例,它首先会初始化一些环境的参数,根据 URL 由上到下地去匹配路由,然后让路由所定义的方法去处理请求。...然后遍历渲染树,调用渲染器的 paint() 方法在屏幕上显示其内容。 6.5. 合并渲染层 把以上绘制的所有图片合并,最终输出一张图片。 6.6....宏任务 分为: 同步任务:按照顺序执行,只有前一个任务完成,才能执行一个任务 异步任务:不直接执行,只有满足触发条件时,相关的线程将该异步任务推进任务队列中,等待JS引擎主线程上的任务执行完毕时才开始执行...console.log('4') // 微任务})console.log('5') // 宏任务 同步 以上代码输出顺序为:1,3,5,4,2 作者:4Ark 来源:https://4ark.me/post/b6c7c0a2

    90240

    评论发表表情不显示

    好吧,离题了,言归正传,经常来老王这里的朋友应该了解本站评论经历了从纯文字到文字加表情,而表情又从表情图片列表显示到点击才显示表情图片列表,虽然在不断折腾,但一直以来都只有一组表情。...想到当然就要做,试了好几种方法发现大多数都需要解析表情图片才会显示,不然都只有提示文字显示,而业余的我又没有找到解决方法,最后终于找到了一个含有解析的案例,直播搬过来用了。...配置完又发现发表评论时表情图片可以在评论框中显示,但发表成功表情却没有了。...update-utf8bm4=1 其实打开地址我什么也没有看见,但重新发表评论插入表情并发布时发现表情可以显示了。...阿和2020-10-16 10:32:22 原来真的加了表情啊,,,只是选择的表情是正常的,显示的表情就太丑了吧。。。 其实有些表情图标我也不是很喜欢,后续有时间再研究和折腾吧。

    51710

    Linux登录显示提示信息

    1、/etc/issue 本地登陆显示的信息,本地登录前 2、/etc/issue.net 网络登陆显示的信息,登录显示,需要由sshd配置 3、/etc/motd 常用于通告信息,如计划关机时间的警告等...,登陆的提示信息 我们首先来看一下/etc/issue的内容,如下图所示: ?...其中上面的三个文件,issue.net和motd文件都是在登录显示,那么顺序是怎么样的呢,笔者做过一个测试,如下图所示: ?...其中不同的是: 使用Putty登录时,当我们输入用户名root,就显示了issue.net的内容,输入密码,再显示的motd的内容。...使用Xshell登录时,只有当我们输入用户名和密码,验证成功了,才会依次显示issue.net和motd文件的内容。

    4.8K30

    在input中回车页面提交导致出现HTTP 错误 405.0 - Method Not Allowed

    前些时间在做一个搜索功能时发现一个比较有意思的现象,场景是这样的:在一个模态窗口中是一个订单列表,页面的顶部有若干个状态筛选框和一个搜索关键字输入框,当焦点在关键字输入框时按回车,本来是对input的keyup...事件做了监听,当发现是按了回车键时便自动提交搜索请求的,但输入关键字后按回车时页面竟然跳转了,并且出现“HTTP 错误 405.0 - Method Not Allowed无法显示您正在查找的页面,因为使用了无效方法...于是搜索了一些资料来看,结果发现html规范的一种约定:如果一个form里只有一个input,那么无论有无submit按钮或绑定事件,只要在这个焦点在这个input里并且按下回车按钮时,都会执行自动提交表单的操作...我的代码如下,供遇到同样问题的朋友参考: /** * 关键词输入框回车事件触发搜索 */ win.find('input[name="keyword"]').bind('keyup', function

    1.9K10

    产品经理学技术:在浏览器输入URL回车发生了什么

    03 HTTP连接 ● 解析好ip地址,浏览器会发起一条HTTP请求,和目标服务器建立一条连接来通信。 ● 服务器会对连接请求做出响应,表示同意建立连接。...● 如果走的是后台代码的匹配路由,则会执行后台相应的逻辑,如果逻辑里面有查询数据库的请求,则会向数据库服务器发起一条查询数据的请求,等待数据库的数据返回,最后才把数据返回给前端。...● 数据准备好,服务器开始构建响应,创建一条http响应报文,把资源信息放到响应体里面开始返回。 05 浏览器接受响应 ● http请求响应,都有一个状态码返回,用来标记这次返回的状态。...1、HTML解析 浏览器拿到html网页,会利用html解析规则,一行一行地往下解析,然后构建成一棵DOM节点的树。HTML解析完成,浏览器会通知DOM解析完成。...2、CSS解析 解析完html,开始解析css代码,也会构建出一棵css的规则树,然后把html和css结合起来,开始渲染页面,我们就可以看到眼前的网页啦。

    79220

    C语言】初识C语言(常见的C语言概念)

    一.C语言是什么?...,比起低级语言易懂易学,可移植性好,编程效率高,但是执行效率没有低级语言高,需要经过编译或解释,C语言就是采用编译的一种高级语言 二.为什么选择C语言 C语言常年霸榜各类高级语言前三,属于基础必学的语言...,其功能强大,而且许多语言都很相似,如果学好C语言,对学习其他语言也有很大帮助 三.编译器的选择 C语言是一门编译型的语言,需要依赖编译器将计算机语言转换成机器能够执行的机器指令 常见的编译器有:msvc...右击源文件,选择添加—新建项,选择C++文件,这里没有C文件选项,因为C++和C基本不分家,将后缀名.cpp改为.c就可以了,创建好就可以开始写我们的第一个C语言程序了 注意:其中.c的文件叫源文件,...⾔的代码是由⼀条⼀条的语句构成的,C语⾔中的语句可为以下五类: 空语句:只有一个分号,没有实际意义,一般用在这里需要一个语句,但是不需要它做任何事,如图: 表达式语句:由一个表达式加上一个;,

    9610
    领券