jQuery 自动生成二维码
2024-08-30 06:02:57
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title></title>
<style type="text/css">
#qrcode {
width:160px;
height:160px;
margin-top:15px;
}
</style>
</head>
<body>
<input id="text" type="text" value="http://www.baidu.com" /><br />
<div id="qrcode"></div> <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/qrcode.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var qrcode = new QRCode("qrcode");
function makeCode () {
var elText = document.getElementById("text");
if (!elText.value) {
alert("Input a text");
elText.focus();
return;
}
qrcode.makeCode(elText.value);
}
makeCode();
$("#text").on("blur", function () { //
makeCode();
}).on("keydown", function (e) {
if (e.keyCode == 13) {
makeCode();
}
});
</script>
</body>
</html>
效果预览:
最新文章
- 完美解决CodeSmith无法获取MySQL表及列Description说明注释的方案
- hiho一下123周 后缀数组四&#183;重复旋律
- 在MVC5和webAPI下是用Autofac依赖注入
- crontab这个坑,执行单个命令执行成功,但是写到crontab怎么也不行
- Jzzhu and Chocolate
- Map的遍历方法及String和其它类型的相互转化
- IOS抓包工具paros的使用
- Lucene实现索引和查询
- ORACLE结构体系篇之表空间详解.md
- (5) 电商场景下的常见业务SQL处理
- mysql查询各个知识点
- java批量爬取电影资源
- Approximate Inference 近似推断
- 轻量级IOC容器:Ninject
- Android——SQLite数据库(一)创建数据库、创建表、初始化数据
- vue双向数据绑定最最最最最简单直观的例子
- 您只能在 HTML 输出流中使用 document.write,啥意思
- 【斜率优化】bzoj3675-[Apio2014]序列分割&;&;Uoj104
- AMD C1E SUPPORT
- swift一次 Attempt to present on whose view is not in the window hierarchy的解决方法
热门文章
- 【剑指offer】01 二维数组中的查找
- MGRE综合实验
- JS拼接字符串太长希望换行保持html格式拼接的方法
- C#中搜索xsd文件中的某个数据源
- CommandLineRunner和ApplicationRunner
- [LeetCode]100. Same Tree判断树相同
- 阿里云Ubuntu配置安装MQTT服务器
- R绘图(1): 在散点图边缘加上直方图/密度图/箱型图
- python-scrapy爬取某招聘网站信息(一)
- 对象、对象监视器、同步队列、执行线程关系(synchronized的实现细节或原理)