做項目的時候,老板讓我自己封裝一個搜索功能,就類似於百度這種
輸入了字符之后,就可以自動搜索數據,而且還會出現一個下拉框供用戶選擇,我覺得我老板有問題,網上有這么多插件,不僅封裝好了,性能也做了優化,什么功能都有,他不用,一定要我用原生js寫,寫毛線寫,我內心吐槽了很久,不過還是要做,為了工資而低頭,所以我這個小白就硬着頭皮寫完了,肯定有很多不足,也沒有封裝,就是想到哪里寫到哪里,給大家當反面教材看看,如果大家看見了,也可以指點指點我,讓我進步
由於我是在項目里寫的,所以有很多東西和大家的肯定不一樣,就看一下思路就行了,細節也可以看,但是肯定有問題,html代碼里就看自己的寫法了,我是給搜索框添加的keyup事件,change事件也可以,不過有個缺點是要失去焦點才觸發,不太理想
這是搜索數據的
這是下拉框的,這個有點復雜,因為還涉及到點擊其他地方隱藏和點擊搜索框顯示的問題,說起來感覺很簡單,但是做起來就不是這么容易了,我寫的時候腦袋都亂了,所以代碼也很亂
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。