代码之家 › 专栏 › 技术社区 › Quails4Eva

如何在IE和PhantomJS中使用Typescript创建KeyboardEvent

keyboard-events phantomjs testing internet-explorer javascript

Quails4Eva · 技术社区 · 8 年前

我使用的是Angular2,并且有一个接受KeyboardEvent对象的方法。我想为这种方法编写测试(如果有必要的话,可以使用Karma和Jasmine)。

我使用KeyboardEvent构造函数编写了一些,该构造函数在Chrome中运行良好,但在IE和PhantomJS中失败。有没有一种方法可以在这些浏览器中使用?

public onDateKeypress(evt: KeyboardEvent): boolean {
    // ...
}

当前测试示例:

let ke = new KeyboardEvent("keypress", { "key": "" + i, });
onDateKeypress(ke);

1 回复 | 直到 8 年前

Quails4Eva 8 年前

这就是我的结局,我愿意接受更好的解决方案。

let ke = <KeyboardEvent>{ "key": "" + i, };
onDateKeypress(ke);

解释 : typescript代码将被编译为Javascript,Javascript不关心数据的“类型”,只关心对象上有正确的属性/方法。

在我的例子中,onDateKeypress方法只使用evt参数的“key”属性,所以这就是我需要在测试对象上设置的全部内容。

需要将annonymous对象强制转换为KeyboardEvent事件,这样Typescript就可以编译而不会有任何问题,因为该方法需要KeyboardEvent类型的对象。

推荐文章

Hala · 有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?

4 年前

Error 1004 · 使用VBA从HTML中提取信息

8 年前

myroslav · IE11中Angular 4应用程序崩溃

8 年前

L Y E S - C H I O U K H Dumitru Boaghi · 在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery

8 年前

Dhananjay C · Internet Explorer-表格上的CSS框阴影不适用于IE浏览器

8 年前

jacob · 当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe

8 年前

Athar K · 工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好

8 年前

adrien54 · 使用BlendColor过滤器的IE上的透明度问题

8 年前

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

8 年前

sankar · IE不显示abbr标记的边框底部

8 年前