如何使用 jQuery 触发组合键

Question

我编码了一些东西：

http://fincha.com/kunden/schmitt/

我放大与 .css("zoom") 但我需要按钮来模拟 CTRL + 或 CTRL -

此代码对我不起作用：

e = jQuery.Event("keydown");        
e.which = 50;       
$("input").trigger(e);

请帮忙！

编辑

我实际上想放大和缩小整个网页，而不仅仅是输入字段。

Answer 1

jQuery 通过在 event 对象上设置一个或多个属性来标准化事件上的修饰键。因此，您想要设置 event.ctrlKey 为 true，所以这应该适合您：

e = jQuery.Event("keydown");        
e.which = 50;
e.ctrlKey = true;
$("input").trigger(e);

但是，根据源代码的评论（下面链接）：

您无法轻松更改事件对象中的值（可能出于安全原因）。

因此，如果您在构造 Event 对象后无法设置事件的属性，那么您可以使用 $.extend() 它来设置 ctrlKey 属性：

e = jQuery.Event("keydown");
fake = $.extend({}, e, {which: 50, ctrlKey: true});
$("input").trigger(fake);

---

另一件事：我不确定您是否尝试对 + 或 - 使用密钥代码 50键。也许您是，并且您使用的是不同的键盘布局，但根据此演示， 50 是点击 2 的 JavaScript 关键代码 - 因此这也可能是您问题的一部分。

---

来源：jQuery API 页面上的评论。

---

编辑：

除此之外，我认为您实际上无法使用 JavaScript 更改浏览器的缩放级别，即使您“发送”键盘命令来执行此操作。

使用 JavaScript 访问浏览器的页面缩放控件

Answer 2

来源：http://www. scottklarr.com/topic/126/how-to-create-ctrl-key-shortcuts-in-javascript/

var isCtrl = false;

$(document).keyup(function (e) {
    if(e.which == 17) isCtrl=false;
}).keydown(function (e) {
    if(e.which == 17) isCtrl=true;
    if(e.which == 83 && isCtrl == true) {
        //run code for CTRL+S -- ie, save!
        return false;
    }
});

这是针对 Ctrl+s 的，但您应该能够轻松修改它。