返回介绍

键盘支持

发布于 2020-05-23 22:29:29 字数 1703 浏览 845 评论 0 收藏 0

如果选项"keys"设置为true,那么我们能够通过键盘上的按键进来选择框的移动。下面的键可以使用,默认的功能如下:

按键 动作
方向键 每次以10像素为单位移动选区
Shift+方向键 每次以1像素为单位移动选区
Ctrl+方向键 每次以10像素为单位扩缩选区
Ctrl+Shift+方向键 每次以1像素为单位扩缩选区

当然你也可以自己通过设置"keys"这个选项来覆盖默认键设置,对象有下面的属性:

属性 描述
方向键 设置方向键的功能
Shift 设置Shift键的功能
Ctrl 设置Ctrl键的功能
Alt 设置Alt键的功能

每个属性通过设置数值(以像素为单位,数值要不小于1),表明当按下此键时移动/改变大小多少像素,或者指定其值为"string"来指定它是"resize"模式。例如:

$('img#example').imgAreaSelect({
  keys: { arrows: 15, ctrl: 5, shift: 'resize' }
});

这个例子里设置成"方向键会移动选区15像素,按住Ctrl键会移动5像素,而按住Shift键时则切换到resize模式"。

如果不止一个图像,且自己修改了按键设置,那么只对一个图像会应用这个自定义设置。一般来说,当"激活"(用鼠标点击)某个图像时,这个图像就会使用自定义的按键设置。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文