js页面生成二维码
2016-04-20 18:03
489 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>Javascript 二维码生成库:QRCode</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<script type="text/javascript" src="http://static.runoob.com/assets/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
</head>
<body>
<input id="text" type="text" value="在此输入要生成的二维码的代码" style="width:80%" /><br />
<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {//生成的二维码大小
width : 100,
height : 100
});
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>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>Javascript 二维码生成库:QRCode</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<script type="text/javascript" src="http://static.runoob.com/assets/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
</head>
<body>
<input id="text" type="text" value="在此输入要生成的二维码的代码" style="width:80%" /><br />
<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {//生成的二维码大小
width : 100,
height : 100
});
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>
相关文章推荐
- 认识WebSocket
- js 遍历解析json数据添加列表
- Js 实现tab切换效果
- JSP杂项知识
- JS性能优化笔记
- JSP标签
- JavaScript上传图片前预览
- javaScript 定时器
- checkbox全选与取消全选
- 【BZOJ 1031】【JSOI 2007】字符加密Cipher
- 对象转换成json串时,将null属性去除;以及枚举类的使用
- 【转】C# Json数据转换为Xml
- JSP运行原理和九大隐式对象
- JSP指令
- javascript中页面自动登陆跳转
- JSTL标签库,自定义标签
- 从零开始学_JavaScript_系列(十一)——dojo(4)(GRID表格进阶:格式化、style、数据获取、多重排序、点击事件)
- js中单体
- js 获取url多个参数
- 2016年度 JavaScript 展望(下)