当前位置: 代码迷 >> Web前端 >> WEB页面快捷键的设立小谈
  详细解决方案

WEB页面快捷键的设立小谈

热度:92   发布时间:2012-10-06 17:34:01.0
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>

  相关解决方案