blob 圖片_Vue實現剪下板圖片壓縮
阿新 • • 發佈:2020-12-16
技術標籤:前端
<body> <div class="firstBox"> <div class="box"> <div class="btn"></div> <input type="text" id="cph" value="" /> </div> <div class="content"> </div> </div> </body> <script type="text/javascript"> var oInp = document.getElementById("cph"); oInp.oninput = debounce(ajax, 1000); function debounce(handler, delay) { var timer = null; // 返回函式引用 return function() { var _self = this; var _args = arguments; clearTimeout(timer); timer = setTimeout(function() { /*改變handler的this指向。 * handler的this指向當前返回的函式引用,例如:oInp.oninput = debounce(ajax, 1000); * 此時this就是指向oInp.oninput了 */ handler.apply(_self, _args); }, delay); } } function ajax(e) { console.log(e + " " + this.value); } </script>