读书人

WEB页面快捷键的设立小谈

发布时间: 2012-10-06 17:34:01 作者: rapoo

WEB页面快捷键的设置小谈

为了提高用户体验,我们一般会采用在web页面上提供快捷键的方式达到效果。?

下面是我写的登录快捷键"ENTER"的js:

<script type="text/javascript">

?? ? ? ?//用这个函数来判断用户是否敲下键盘上的回车键

?? ? ? ?//回车键的键值为13

?? ? ? ?//如果取得的键值为13,那就提交表单

?? ? ? ?//注意事项:必须在<body>中加入onkeydown="ChangePress()",即一启动页面就要运行ChangePress()

?? ? ? ?function ChangePress() {

?? ? ? ? ? ? ? ?var keys;

?? ? ? ? ? ? ? ?keys = event.keyCode;

?? ? ? ? ? ? ? ?if (keys == 13 ) { document.form1.submit(); }

?? ? ? ?}

?? ?</script>

......下面是body的代码:

?<body ?onkeydown="ChangePress()">

......

</body>

读书人网 >Web前端

热点推荐