JavaScript如何获取中文拼音首字母并通过拼音首字母快速查找页面

实现效果：

图一：

图二：

此例中输入的中文字符串“万万保重”，有三个字是多音字，所以alert对话框中显示的是多种读音的组合；

如何实现？

如何实现通过拼音首字母快速查找页面内的中文内容呢？

过程原理是这样的：例如要对一些人名进行快速查找，当页面加载完成后，对所有人名建立一个索引，生成拼音首字母与姓名的对应关系；然后监听键盘事件，当用户按下键盘时，根据键值得到按下的是哪个字母，然后遍历索引中是否存在相同的拼音首字母；

这里还实现了根据字母组合来查找的功能，原理是这样的：当用户按键时，我们记录下按键的时间，如果两个连续的按键间隔小于一秒，就认为是组合查询，把当前按键值加在之前的按键值之后，不多说了，上代码！

查看本栏目更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/webkf/script/

时间： 2024-08-19 20:52:17

JavaScript如何获取中文拼音首字母并通过拼音首字母快速查找页面的相关文章

JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】_javascript技巧

本文实例讲述了JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法.分享给大家供大家参考,具体如下: 实现效果: 图一: 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字,所以alert对话框中显示的是多种读音的组合: 如何实现? 如何实现通过拼音首字母快速查找页面内的中文内容呢? 过程原理是这样的:例如要对一些人名进行快速查找,当页面加载完成后,对所有人名建立一个索引,生成拼音首字母与姓名的对应关系:然后监听键盘事件,当用户按下键盘时,根据键值得到按下的

JS获取中文拼音首字母，并通过拼音首字母快速查找页面内的中文内容

实现效果: 图一: 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字,所以alert对话框中显示的是多种读音的组合: 如何实现? 如何实现通过拼音首字母快速查找页面内的中文内容呢? 过程原理是这样的:例如要对一些人名进行快速查找,当页面加载完成后,对所有人名建立一个索引,生成拼音首字母与姓名的对应关系:然后监听键盘事件,当用户按下键盘时,根据键值得到按下的是哪个字母,然后遍历索引中是否存在相同的拼音首字母: 这里还实现了根据字母组合来查找的功能,原理是这样的:当用户按键时,

php获取中文拼音首字母类和函数分享_php实例

一.公司同事整理的类,挺实用的.相信拿出来分享下他不会介意的O(∩_∩)O.不过如果首字母是数字或英文会有些问题. 复制代码 代码如下: /** * Helper_Spell 汉字拼音首字母工具类 * * @category Helper * @package  Helper_Spell * @author   Lancer <lancer.he@gmail.com> * @version  1.0 * @see      Translation_Big2gb */ class Helper_

js 获取中文拼音,Select自动匹配字母获取值的代码

<script type="text/javascript"> var key2code = {65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j", 75:"k",76:

js 获取中文拼音,Select自动匹配字母获取值的代码_表单特效

复制代码 代码如下: <script type="text/javascript"> var key2code = {65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j", 75:"

php获取中文的拼音代码

获取中文的拼音代码 <?php class Pinyin { protected static $keys = "aaianangaobabaibanbangbaobeibenbengbibianbiaobiebinbingbobucacaicancangcaocecengchachaichanchangchaochechenchengchichongchouchuchuaichuanchuangchuichunchuocicongcoucucuancuicuncuodadaidandan

Day01 - JavaScript Drum Kit 中文指南

Day01 - JavaScript Drum Kit 中文指南 作者:liyuechun简介:JavaScript30 是 Wes Bos 推出的一个 30 天挑战.项目免费提供了 30 个视频教程.30 个挑战的起始文档和 30 个挑战解决方案源代码.目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用.现在你看到的是这系列指南的第 1 篇.完整指南在 从零到壹全栈部落. 简介 第一天的练习是用JS制作一个爵士鼓的页面,通过敲击键盘上不同的字母,会发出不同

php实现字符串首字母大写和单词首字母大写的方法

 本文实例讲述了php实现字符串首字母大写和单词首字母大写的方法.分享给大家供大家参考.具体分析如下: ucfirst可以对字符串首字母进行大小,ucwords可以对字符串中每个单词的首字母大写输出 <?php print ucfirst("hello world"); print ucwords("iam king of the jungle"); ?> 希望本文所述对大家的php程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众

php实现字符串首字母大写和单词首字母大写的方法_php技巧

本文实例讲述了php实现字符串首字母大写和单词首字母大写的方法.分享给大家供大家参考.具体分析如下: ucfirst可以对字符串首字母进行大小,ucwords可以对字符串中每个单词的首字母大写输出 <?php print ucfirst("hello world"); print ucwords("iam king of the jungle"); ?> 希望本文所述对大家的php程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号