扫码枪扫码后触发方法

先生成一个二维码，都知道二维码传递的信息就是一串字符，而扫码枪扫码后可以将二维码的信息自动输入至文本框。
再在html页面写一个input（textarea），input（textarea）用来接收二维码信息。
在js中写个ready事件，打开页面后input自动永久聚焦。（注意：引用jquery插件）

<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript">//input自动永久聚焦$(document).ready(function(){$("input").focus();})$("input").blur(function () {$(this).focus();});
</script>

然后在js中写个keyup事件，获取input的value值，触发ajax把value值提交过去，提交成功后清空input的value值。

$("input").keyup(function(){var T = $(this).val();$.ajax({url:"", //请求的url地址dataType:"json",//返回格式为jsonasync:true,//请求是否异步，默认为异步，这也是ajax重要特性data:{"data": T },//参数值type:"POST",//请求方式success:function(D){$(this).val("");console.log(D);//请求成功时处理},});
})

扫码枪扫码后触发方法相关推荐

前端扫码枪扫码功能坑点集锦
前端扫码枪扫码功能坑点集锦 1.扫码枪无法识别中文问题 2.扫码枪在不同浏览器版本中不触发enter事件问题 3.接收二维码内容输入框设置autofocus属性在某些浏览器版本生效 4.将页面接收数据 ...
基于Vue3实现扫码枪扫码并生成二维码的代码解析
基于Vue3实现扫码枪扫码并生成二维码的代码解析在本文中,我们将介绍如何使用Vue3实现扫码枪扫描条形码或二维码,并将其转换为二维码的过程.这个过程将涉及到以下步骤: 在Vue3项目中安装和导入vu ...
扫码枪扫码之后导致页面跳转
近期项目在接入扫码枪扫码之后出现了一个十分诡异的问题:页面会重新跳转,地址栏路由地址出现了一个问号. 原地址: localhost:8080/#/enter-price 扫码枪扫码之后:localho ...
JAVA 实现微信公众号的生成带参数二维码和扫码后被动回复消息
公司新需求实现生成微信公众号带参数二维码和对应扫码后回复相应信息的功能. 1.实现带参数二维码功能 public class QrTest {private static Logger logger ...
uniCloud开发公众号：六、解析不同情况下用户扫码后微信推送的事件并完成登录
算是个系列内容吧,最终要实现的是将uniCloud作为后端完成"扫码关注公众号后完成网站登录" 将要涉及的内容可能包括: 0.准备工作(本节) 1.接受并解析xml消息 2.请求a ...
微信生成带参数的二维码,合成海报,扫码后推送小程序？
微信服务号渠道二维码功能,支持生成带参数二维码,合成海报二维码,微信扫码后推送内容:结合微号帮平台48小时信息推送,推送微信小程序. 带参二维码海报二维码微信扫码后回复 48小时信息推送在微号帮 ...
点击“加入QQ群”链接打开电脑QQ扫码后发现登录地点不是本地
点击某网站"加入QQ群"链接,自动启动了电脑QQ,然后扫码后竟然显示这样的界面: 我明明在杭州,为什么会显示临沂,我认为很有问题,所以没有登录.之后先把通过链接打开的QQ关了,自己 ...
如何在公众号被关注后回复文本,链接,图文,图片, 已关注的粉丝扫码后, 也会自动回复
如何在公众号被关注后回复文本,链接,图文,图片, 已关注的粉丝扫码后, 也会自动回复一.实现原理二.操作方法三.产品功能介绍 ) 一.实现原理微信公众平台具备[参数二维码]功能,利用微星极光- ...
安卓开发实现获取扫码枪扫码二维码、条形码后的内容
扫码枪是如何工作的,安卓如何怎么获取扫码枪的内容.本文将介绍安卓获取和处理商米收银机扫码枪扫描后的内容.包括:"安卓开发获取扫码枪扫描后的内容"."处理扫码枪扫描后的内容 ...

扫码枪扫码后触发方法

扫码枪扫码后触发方法

扫码枪扫码后触发方法相关推荐

最新文章

热门文章