编程语言
首页 > 编程语言> > php-如果在键盘上按下名字的第一个字母,则滚动到网页上的人名

php-如果在键盘上按下名字的第一个字母,则滚动到网页上的人名

作者:互联网

我有一个页面,其中包含大约500个名称.
用户想输入例如,然后页面会自动滚动到以s开头的名称.

我应该将这些名称的首字母转换为INT,将该INT作为数据属性并在页面中添加jQuery函数,还是有更好的解决方案?

解决方法:

我建议将每个字符的名称列表嵌入具有适当ID的div中,例如以S开头的名称:

<div id="S">
  ... names with S ...
</div>

然后,您可以使用jQuery对按键进行反应,然后执行

location.href = '#S';

然后,浏览器将自动滚动到相应的div.这样做的另一个优点是,您甚至可以使用URL将其放入收藏夹中,因此,如果您想直接跳到所有使用S的用户,则可以轻松地做到这一点.

更新:由于jQuery的.keypress()函数仅返回一个数字,而不返回字符本身,因此您需要对其进行转换.有关如何将字符转换为数字(反之亦然)的示例,请参见Convert character to ASCII code in Javascript.

标签:keyboard,keyboard-shortcuts,usability,php,jquery
来源: https://codeday.me/bug/20191031/1975283.html