天天看點

JS擷取中文拼音首字母,并通過拼音首字母快速查找頁面内的中文内容

圖一:

JS擷取中文拼音首字母,并通過拼音首字母快速查找頁面内的中文内容

圖二:

JS擷取中文拼音首字母,并通過拼音首字母快速查找頁面内的中文内容

此例中輸入的中文字元串“萬萬保重”,有三個字是多音字,是以alert對話框中顯示的是多種讀音的組合;

如何實作通過拼音首字母快速查找頁面内的中文内容呢?

過程原理是這樣的:例如要對一些人名進行快速查找,當頁面加載完成後,對所有人名建立一個索引,生成拼音首字母與姓名的對應關系;然後監聽鍵盤事件,當使用者按下鍵盤時,根據鍵值得到按下的是哪個字母,然後周遊索引中是否存在相同的拼音首字母;

這裡還實作了根據字母組合來查找的功能,原理是這樣的:當使用者按鍵時,我們記錄下按鍵的時間,如果兩個連續的按鍵間隔小于一秒,就認為是組合查詢,把目前按鍵值加在之前的按鍵值之後,不多說了,上代碼!

源碼下載下傳:

繼續閱讀