Browse Source

剪切板防抖

huangxiaojing 3 years ago
parent
commit
5e7d6eea75
4 changed files with 81 additions and 53 deletions
  1. 4 2
      screenAndroid/WXdraw.js
  2. 37 25
      screenAndroid/WXtrialInterface.html
  3. 3 1
      screenIos/WXdraw.js
  4. 37 25
      screenIos/WXtrialInterface.html

+ 4 - 2
screenAndroid/WXdraw.js

@@ -35,6 +35,7 @@ var cUrl = isWSS ? "wss://" + form.domainName + "?cardIp=" + form.ip + "&token="
 // var cUrl = "wss://192.168.31.198/businessChannel?cardIp=192.168.20.53&token=LDAz32tutqS9wQqi0WlmvJ68/Is83cX+kavJQij1IMRvewgZ1dLvviFZqd4b8gcaR1eLztR/ViRLyyAVvZO7GA==";
 
 var wsss,errorTime = 0;
+var first = true;
 doConnect();
 function throttle(fn, delay) {
 	var flag = true;
@@ -94,10 +95,11 @@ function doConnect() {
 			return
 		}
 		var unit8Arr = new Uint8Array(result);
-		if (unit8Arr[0] == 0x68 && unit8Arr[1] == 0x09) {
+		if (unit8Arr[0] == 0x68 && unit8Arr[1] == 0x09 && first) {
+			first = false;
 			unit8Arr = unit8Arr.slice(12,unit8Arr.length-2);
 			var base64 = 'data:image/jpg;base64,' + window.btoa(String.fromCharCode(...new Uint8Array(unit8Arr)));
-			$(".loading_sceen_pic").attr('src', base64)
+			$(".loading_sceen_pic").attr('src', base64);
 		}
 	}
 }

+ 37 - 25
screenAndroid/WXtrialInterface.html

@@ -414,38 +414,50 @@
 			})
 		}
 		var cutList = [];
+		let timer,isFlag = true;
 		function showShearPlate() {
-			$('.box-shear-plate').empty();
-			$.ajax({
-				url: baseUrl + "/api/public/v5/shear/content",
-				headers: {
-					'Authorization': form.token
-				},
-				type: 'get',
-				dataType: 'json',
-				success: function (res) {
-					if (res.status === 0) {
-						if (res.data.length) {
-							cutList = array_unique(res.data)
-							var str = '<div class="title">剪贴板<div onclick="handleClear()" class="btn-clear">清空</div></div><div class="slide-wrapper-content">'
-							cutList.forEach(function (item) {
-								str += "<div class='slide-wrapper'><div class='slide-scroll animate-slide-start'><div class='slide-content'><div onclick='handleCopy(\"" + item.content + "\")'>" + item.content + "</div></div><div class='slide-content-button'><button onclick='handleDelete(" + item.id + ")'>删除</button></div></div></div>"
-							})
-							str += '</div>'
-							$('.box-shear-plate').append(str);
+			stopManyClick(() => {
+				$('.box-shear-plate').empty();
+				$.ajax({
+					url: baseUrl + "/api/public/v5/shear/content",
+					headers: {
+						'Authorization': form.token
+					},
+					type: 'get',
+					dataType: 'json',
+					success: function (res) {
+						if (res.status === 0) {
+							if (res.data.length) {
+								cutList = array_unique(res.data)
+								var str = '<div class="title">剪贴板<div onclick="handleClear()" class="btn-clear">清空</div></div><div class="slide-wrapper-content">'
+								cutList.forEach(function (item) {
+									str += "<div class='slide-wrapper'><div class='slide-scroll animate-slide-start'><div class='slide-content'><div onclick='handleCopy(\"" + item.content + "\")'>" + item.content + "</div></div><div class='slide-content-button'><button onclick='handleDelete(" + item.id + ")'>删除</button></div></div></div>"
+								})
+								str += '</div>'
+								$('.box-shear-plate').append(str);
+							} else {
+								$('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
+
+							}
+							$('.mask').show();
+							initSlider();
 						} else {
 							$('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
-
+							$('.mask').show();
 						}
-						$('.mask').show();
-						initSlider();
-					} else {
-						$('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
-						$('.mask').show();
 					}
-				}
+				})
 			})
 		}
+		//防止提示一秒内重复显示
+		function stopManyClick(fn) {
+		if (isFlag) {
+				fn();
+			}
+			isFlag = false;
+			if(timer){clearTimeout(timer);}
+			timer = setTimeout(() => {isFlag = true}, 1500);
+		}
 		// 清空剪贴板
 		function handleClear() {
 			var ids = '';

+ 3 - 1
screenIos/WXdraw.js

@@ -34,6 +34,7 @@ var cUrl = isWSS ? "wss://" + form.domainName + "?cardIp=" + form.ip + "&token="
 
 var wsss;
 var errorTime = 0;
+var first = true;
 doConnect();
 
 function throttle(fn, delay) {
@@ -94,7 +95,8 @@ function doConnect() {
 			return
 		}
 		var unit8Arr = new Uint8Array(result);
-		if (unit8Arr[0] == 0x68 && unit8Arr[1] == 0x09) {
+		if (unit8Arr[0] == 0x68 && unit8Arr[1] == 0x09 && first) {
+			first = false;
 			unit8Arr = unit8Arr.slice(12,unit8Arr.length-2);
 			var base64 = 'data:image/jpg;base64,' + window.btoa(String.fromCharCode(...new Uint8Array(unit8Arr)));
 			$(".loading_sceen_pic").attr('src', base64)

+ 37 - 25
screenIos/WXtrialInterface.html

@@ -222,38 +222,50 @@
 			})
 		}
 		var cutList = [];
+		let timer,isFlag = true;
 		function showShearPlate() {
-			$('.box-shear-plate').empty();
-			$.ajax({
-				url: baseUrl + "/api/public/v5/shear/content",
-				headers: {
-					'Authorization': form.token
-				},
-				type: 'get',
-				dataType: 'json',
-				success: function (res) {
-					if (res.status === 0) {
-						if (res.data.length) {
-							cutList = array_unique(res.data)
-							var str = '<div class="title">剪贴板<div onclick="handleClear()" class="btn-clear">清空</div></div><div class="slide-wrapper-content">'
-							cutList.forEach(function (item) {
-								str += "<div class='slide-wrapper'><div class='slide-scroll animate-slide-start'><div class='slide-content'><div onclick='handleCopy(\"" + item.content + "\")'>" + item.content + "</div></div><div class='slide-content-button'><button onclick='handleDelete(" + item.id + ")'>删除</button></div></div></div>"
-							})
-							str += '</div>'
-							$('.box-shear-plate').append(str);
+			stopManyClick(() => {
+				$('.box-shear-plate').empty();
+				$.ajax({
+					url: baseUrl + "/api/public/v5/shear/content",
+					headers: {
+						'Authorization': form.token
+					},
+					type: 'get',
+					dataType: 'json',
+					success: function (res) {
+						if (res.status === 0) {
+							if (res.data.length) {
+								cutList = array_unique(res.data)
+								var str = '<div class="title">剪贴板<div onclick="handleClear()" class="btn-clear">清空</div></div><div class="slide-wrapper-content">'
+								cutList.forEach(function (item) {
+									str += "<div class='slide-wrapper'><div class='slide-scroll animate-slide-start'><div class='slide-content'><div onclick='handleCopy(\"" + item.content + "\")'>" + item.content + "</div></div><div class='slide-content-button'><button onclick='handleDelete(" + item.id + ")'>删除</button></div></div></div>"
+								})
+								str += '</div>'
+								$('.box-shear-plate').append(str);
+							} else {
+								$('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
+
+							}
+							$('.mask').show();
+							initSlider();
 						} else {
 							$('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
-
+							$('.mask').show();
 						}
-						$('.mask').show();
-						initSlider();
-					} else {
-						$('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
-						$('.mask').show();
 					}
-				}
+				})
 			})
 		}
+		//防止提示一秒内重复显示
+		function stopManyClick(fn) {
+		if (isFlag) {
+				fn();
+			}
+			isFlag = false;
+			if(timer){clearTimeout(timer);}
+			timer = setTimeout(() => {isFlag = true}, 1500);
+		}
 		// 清空剪贴板
 		function handleClear() {
 			var ids = '';