Mercurial > qr-html
diff index.html @ 3:6875be47fb24
Now with less jquery
| author | nanaya <me@myconan.net> | 
|---|---|
| date | Sun, 15 Jan 2017 19:17:27 +0900 | 
| parents | f27dbbc6e978 | 
| children | cc0a5142a56f | 
line wrap: on
 line diff
--- a/index.html Sun Jan 15 19:13:30 2017 +0900 +++ b/index.html Sun Jan 15 19:17:27 2017 +0900 @@ -79,16 +79,16 @@ </div> </div> - <script src="jquery.min.js"></script> <script src="qrcode.min.js"></script> <script src="lodash.min.js"></script> <script> + var inputDom = document.getElementsByClassName("js-qr-input")[0] var outputDom = document.getElementsByClassName("js-qr-output")[0] var qr = new QRCode(outputDom) - var refreshCode = function(e) { - var text = e.target.value + var refreshCode = function() { + var text = inputDom.value if (text !== "") { qr.makeCode(text) @@ -98,6 +98,7 @@ } } - $(".js-qr-input").on("input", _.debounce(refreshCode, 100)) + inputDom.addEventListener('input', _.debounce(refreshCode, 100)) + refreshCode() </script> </body>
