TITF精選：設置指定標簽的ID，清空文本框，身份證信息識別功能思路 ...
一：點擊圖片切換視頻播放功能
功能說明
1、用戶點擊指定圖片播放圖片對應的視頻。
2、每一張圖片對應不同的視頻。
注：布局文件使用數據渲染for循環顯示組件，邏輯文件可添加若干個視頻數據。
-
playVideoTap:function(e){ -
//獲取被點擊了圖片ID -
var id=e.target.id; -
for(var i=0;i<ARR_ITEM_DATA.length;i++){ -
if(i==id){ -
//顯示視頻組件 -
ARR_ITEM_DATA[i].boolPlayVideo=true -
}else{ -
//隱藏視頻組件 -
ARR_ITEM_DATA[i].boolPlayVideo=false -
} -
} -
this.setData({ -
arrItemData:ARR_ITEM_DATA -
}) -
//播放視頻組件 -
this.videoContext.play(); -
},
二：設置指定標簽的ID
示例：<view id="view1"></view>
說明：給標簽添加事件，包括點擊事件（bindtap）、觸摸事件（bindtouchstart、bindtouchmove、bindtouchend），此處使用點擊事件獲取標簽ID，事件名：getViewIdTap 示例：
-
<view id="view1" bindtap="getViewIdTap"></view>
在頁面邏輯頁面中寫事件響應函數getViewIdTap:function(e){}，e為回調參數，類型為對象 示例：
-
Page({ -
//獲取view標簽id事件響應函數 -
getViewIdTap:function(e){ -
//將view標簽的id輸出到控制臺 -
console.log(e.target.id); -
} -
})
三：身份證信息識別功能思路
自動識別用戶上傳的身份證圖片的正反面信息，并顯示到小程序頁上
原理說明： -
$_FILES['image']
獲取用戶上傳的文件格式 示例：
-
$_FILES['image']['type']
判斷用戶上傳的文件格式是否為圖片格式（JPG、JPEG、PJEPG……），圖片格式判斷根據實際情況設定 判斷用戶上傳的圖片是否已存在 不存在則將調用move_uploaded_file( string $filename , string $destination)函數將上傳的文件保存到指定位置 示例：move_uploaded_file($image_tmp_name,"uploads/".$strRondom.$image_name); 調用Face++圖片識別API，并輸出返回的數據
四：清空文本框小創意
用戶通過左滑動作清空輸入框數據
原理說明： 1、輸入框（input）設置 數據綁定input的value屬性值 示例：
-
<input value="{{inputValue}}"/>
定義input的觸摸事件：bindtouchstart（觸摸動作開始時觸發）、bindtouchmove（觸摸后移動時觸發）、bindtouchend（觸摸動作結束后觸發） 示例：
-
<input bindtouchstart="inputTouchStart" bindtouchmove="inputTouchMove" bindtouchend="inputTouchEnd"/>
2、事件邏輯 bindtouchstart：獲取用戶開始觸摸屏幕時的X坐標(e.touches[0].clientX) 示例：
-
inputTouchStart:function(e){ -
OBJ_INPUT_TOUCH.start.x=e.touches[0].clientX; -
}
bindtouchmove：獲取用戶觸摸屏幕移動時的X坐標(e.touches[0].clientX) 示例：
-
inputTouchMove:function(e){ -
OBJ_INPUT_TOUCH.move.x=e.touches[0].clientX; -
},
bindtouchend：判斷用戶是否有移動，若有移動則判斷用戶滑動的方向 3、如何判斷用戶滑動的方向？ 邏輯1： 若移動后的X坐標小于開始觸摸時的X坐標，則為向左滑動；否則，反之。 示例：
-
if(OBJ_INPUT_TOUCH.move.x<OBJ_INPUT_TOUCH.start.x){ -
console.log('用戶向左移動') -
}
邏輯2： 用移動后的X坐標減開始觸摸時的X坐標，若結果小于0，則為向左滑動；否則，反之。 示例：
-
if((OBJ_INPUT_TOUCH.move.x-OBJ_INPUT_TOUCH.start.x)<0){ -
console.log('用戶向左移動') -
}
