使用Javascript模拟（Ctrl）+（-）缩小事件

Question

我们如何模拟Ctrl键-使用Javascript缩小？样式zoom属性或transform属性似乎可以缩小，但是角落中的空格不同，而不像典型的Ctrl-在浏览器上缩小的样子。

我通过Javascript尝试了KeyboardEvent，但没有成功

var event = new KeyboardEvent("keypress", {key:"-", code:45 ,ctrlKey:true});
document.body.dispatchEvent(event);

谢谢。

Answer 1

我不确定您是否已设置使用Javascript，因此我也会在此处为您保留CSS选项。 CSS具有适当地称为Zoom的可访问性功能，它将满足您的要求。

div {
  zoom: 200%
}

不过，实际上是模拟按钮的按下；

  var event = jQuery.Event("keydown");
  event.which = 107;       // Key code for +
  event.ctrlkey = true;     
  $(document).trigger(event);

Answer 2

您误用了key属性。使用例如相反：

var event = new KeyboardEvent('keydown', { key: 'Minus' });

这是KeyboardEvent.key的值列表中的link。