Eric.Liang 发表于 2018-3-23 10:22:33

帮你打开活字格更神奇的功能:二十六,通过键盘按键控制按钮命令

本帖最后由 Eric.Liang 于 2018-3-23 10:25 编辑

用了活字格这么久,使用的时候一直都是通过鼠标,文本框值变化去操作按钮或者文本框中的命令执行。突然有一天,有用户提出可不可以省去鼠标点击按钮的过程,通过按下键盘中的某一个固定的按键,去触发超链接,按钮中的命令。
答案当然是可以的,活字格可以实现的东西只有你想不到,没有他做不到{:2_33:}。

1.首先,大家要了解键盘上的按键对应的keycode是多少。详情见附件文档中。

2.在按钮中添加JS命令和页面跳转命令。


3.接下里就要进入正题了,怎么可以让按键去触发按钮中的命令呢?这里我们需要配合前端JS代码去实现。在页面加载命令中添加JS命令。

代码如下:
document.onkeydown = function (e) {
      e = e || event;
      if (e.keyCode == 13) { //判断是否单击的enter按键(回车键)
      document.getElementById("r6c10p").click();
      return false;
      }
}

4.上述代码中的13为Enter对应的keycode。r6c10p为页面中按钮的ID。按钮ID的获取形式如下:
在页面中点击F12或者右键页面审查元素。选中页面中按钮元素。复制按钮元素的ID即可。


通过上述代码即可实现按下键盘按键触发命令。

工程文件见附件。
页: [1]
查看完整版本: 帮你打开活字格更神奇的功能:二十六,通过键盘按键控制按钮命令