偵聽select下拉選單有無被打開(原生js)

偵聽select下拉選單有無被打開(原生js)

偵聽select下拉選單有無被打開(原生js)在做日期選擇器練習時遇到一些問題，下拉選單出現時，需要顯示出”選擇中”的字樣，由於select在點擊外面時，下拉選單會被收起，滑動滾輪時也會被收起，以下先附上我codepen連結datePicker,再來做解釋如何解決。 需要步驟 未選擇日期時，或日期尚未選擇完整時show出”請選擇日期” 當按下select時，也就是下拉選單出現時，要顯示出"選擇中"

筆記 javascript
javascript select
jquery點擊空白處隱藏元素

jquery點擊空白處隱藏元素

jquery點擊空白處隱藏元素前陣子在做select偵測下拉選單有沒有被打開(見下篇)，突然想到之前有做過這個小測試，focus input出現小鍵盤，按下一步或關閉按鈕以及空白處，小鍵盤會收起，這功能應該大家幾乎都有做過，以下列出需要的步驟。 input focus後會下滑出現小鍵盤 按數字鍵時小鍵盤不能收起 按下一步和關閉時鍵盤收起 點擊空白處小鍵盤會收起 focus 出現小鍵盤先簡單介

筆記 jquery
jquery 冒泡事件
如何在vscode切換github帳號
解決Vue在Axios之後，props接不到資料
如何在Illustrator建立超連結

如何在Illustrator建立超連結

如何在Illustrator建立超連結google搜尋一直搜不到相關的教學，大部分都用Indesign做，或轉出PDF後再用Adobe Acrobat編輯，但沒有裝Indesign怎麼辦?Adobe Acrobat又要錢錢，以下就來記錄一下我怎麼做吧! 建立要連結的圖或文字首先，先放圖片或文字，等等按下就可以連到url，這邊我示範的是文字，可以替文字設為藍色並加上底線，這樣可以讓人知道這是可以點擊

筆記 Illustrator
Illustrator 超連結 hyperlink
vue cli裡的 ~@ 是什麼意思? 談談vue cli的路徑

vue cli裡的 ~@ 是什麼意思? 談談vue cli的路徑

vue cli裡的 ~@ 是什麼意思? 談談vue cli的路徑前幾天踩到路徑的坑，在vue cli中引入字體一直噴錯(等下會講)，所以決定來寫一下紀錄。 引用路徑方式在vue中有以下幾種方式引用路徑 絕對路徑 相對路徑 ~開頭的模組 @開頭的模組 @為src資料夾的縮寫例如你的檔案結構很深，用相對路徑就必須用 ../ 一直點下去會到天荒地老 ，所以webpack已經幫你包好，@就是src 的

筆記 learn vue
js css vue
Mac看起來就比較炫炮阿!! -在hexo裡美化code區塊為Mac樣式，並顯示檔案類型

Mac看起來就比較炫炮阿!! -在hexo裡美化code區塊為Mac樣式，並顯示檔案類型

Mac看起來就比較炫炮阿!! -在hexo裡美化code區塊為Mac樣式，並顯示檔案類型剛寫完文章覺得code區塊都醜醜的，fluid裡的樣式又沒有很喜歡，所以就決定來客製一下啦! 一開始還不知道怎麼改，查了一些教學發現寫得又臭又長，這時候想起了F12，不知道怎麼辦的時候，F12就給他用力的按下去就對了! 此篇文章是使用Hexo + Fluid主題下客製的，不是Fluid主題的朋友們不用帶擔心，基

筆記 learn
code區塊美化 mac樣式 js css hexo fluid
yaml是什麼? 能吃嗎? 和json有甚麼不同
Blog開張啦!