******** 本單元執行範例影片： https://cc.ee.ntu.edu.tw/~d01941025/zz_code_GetSelectPCinfoLongClickChangeColorCancelSelect.mp4 ******** 本專案仿造： **** //// 底部(下方或後方)圖片乃是原有已經存在的圖片，底下並不具有淡入後淡出之橘黃色[四角弧型rounded正方形]。 //// 最頂部之幾張圖片是新上傳的圖片，當圖片被上傳時，隨即於每張圖片下方顯現淡入後淡出之橘黃色[四角弧型rounded正方形]。 **** 當圖片新上傳後，在呈現淡入後淡出之橘黃色[四角弧型rounded正方形]後，會與舊圖片一樣。一旦游標位移至圖片上方時，隨即觸發圖片、使圖片底下會突然冒出一個灰色[四角弧型rounded正方形]： //// 當滑鼠位移到內容物(譬如一張圖片)上方時，藉由hover法，圖片底下會突然冒出一個[四角弧型rounded正方形]，致使圖片呈現出被一個四角弧型rounded正方形包圍的情形。一旦滑鼠位移開該張圖片，rounded正方形會瞬間消失。同樣地，當滑鼠位移到旁邊另一張新的圖片上方時，另一張圖片下方會突然冒出一個[四角弧型rounded正方形]。 **** 按F12觀看Console： ////短按滑鼠左鍵、於一秒內放開滑鼠左鍵，呈現： A短按buttonInfoSRC=、無論點擊時間長短，只要點擊必出現buttonInfoSRC= ^圖片維持透明底色 ////滑鼠左鍵點擊圖片後不放、於一秒內移動滑鼠左鍵，使游標離開圖片，呈現： B短按後離開buttonInfoSRC= ^圖片維持透明底色 ////滑鼠左鍵點擊圖片後不放維持超過一秒鐘，呈現：遭受長按buttonInfoSRC= ^圖片底部出現藍色rounded正方形 **** 藉由flex使多張圖片水平排列後，當瀏覽器縮小時，圖片可換列 **** ★本單元特別新增： //// 長按圖片超過1秒，將會激活AlwaysBlueSelect=1，即可藉由短點獲得深藍色rounded正方形。 //// 創造一個Select註銷按鈕，當點擊此按鈕後，將會激活AlwaysBlueSelect=1，即可藉由短點獲得深藍色rounded正方形。 //// 創造一個Cancel註銷按鈕，當點擊此按紐時，會將所有已被選取之深藍色rounded正方形給取消。並使得AlwaysBlueSelect=0，之後短點1秒以內，將無法獲得深藍色rounded正方形。