Js 之生成二维码插件(jquery.qrcode.js)
2024-10-20 08:42:01
一、下载
链接:https://pan.baidu.com/s/1cMjaCYQ_buZNT5XRRjuNTA
提取码:myqm
二、效果图
三、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#qrcode {
width:160px;
height:160px;
margin-top:15px;
}
</style>
</head>
<body>
<input id="text" type="text" value="http://www.test.com" /><br />
<div id="qrcode"></div>
<script src="./jquery.js"></script>
<script src="./jquery.qrcode.min.js"></script>
<script> function makeCode () {
var elText = document.getElementById("text"); if (!elText.value) {
alert("Input a text");
elText.focus();
return;
}
$("#qrcode").qrcode(elText.value);
} makeCode(); $("#text").
on("blur", function () {
makeCode();
}).
on("keydown", function (e) {
if (e.keyCode == 13) {
makeCode();
}
});
</script>
</body>
</html>
最新文章
- Java发展历史
- LINQ to SQL语句(20)之存储过程
- Redis系列之(二):Redis主从同步,读写分离
- Xamarin的不归路-ios模拟器没有键盘
- SQL SERVER 2005 DBCC PAGE命令说明
- C#高级一
- GitHub 使用教程图文详解(转)
- C#部分的总结
- Java Servlet(十):JSTL核心标签库
- Asp.net Core 1.0.1升级到Asp.net Core 1.1.0 Preview版本发布到Windows Server2008 R2 IIS中的各种坑
- OracleOraDb10g_home1TNSListener无法启动
- UVaLive 6627 First Date (转换时间)
- linux source命令学习
- (原)java中opencv的width的问题
- 在OpenWrt上编写自己的硬件操作程序
- 2017-2-23 C#基础 for循环
- APP自识别安卓苹果
- 怎么用Verilog语言描述同步FIFO和异步FIFO
- 修改输入框placeholder的样式
- 《Node.js 高级编程》简介与第二章笔记