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

收藏

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

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

。

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即可。
获取按钮ID.gif

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

工程文件见附件。

		自动登录	找回密码
密码			立即注册

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

0 个回复

讲师达人

悬赏达人

元老葡萄

活字格认证

活字格高级认证

微信认证勋章