I've a page containing CreateJS media, which gets embedded in another page via an <object> element. At some point in the timeline, I have my TweenJS code attach a keydown,javascript,html"/>

时间戳

首页 > 解决方案 > Keydown 未在加载的页面上触发 element

I've a page containing CreateJS media, which gets embedded in another page via an <object> element. At some point in the timeline, I have my TweenJS code attach a keydown

javascript - Keydown 未在加载的页面上触发 element

I've a page containing CreateJS media, which gets embedded in another page via an <object> element. At some point in the timeline, I have my TweenJS code attach a keydown

问题描述

I've a page containing CreateJS media, which gets embedded in another page via an <object> element. At some point in the timeline, I have my TweenJS code attach a keydown event listener to document which adds text to an object on the stage accordingly, since CreateJS doesn't offer support out of the box for keyboard events.

This works absolutely fine if I launch the media page on its own, but when I embed it, the keyboard events don't fire. I've tried adding a -1 or a 0 tabindex to the canvas element and calling focus(), which mostly works - until backspace is pressed, which causes IE to go back a page in the history. Calling KeyboardEvent.stopPropagation() doesn't seem to prevent this behavior.

I don't really have the option of using an <iframe> instead of <object> because the <object> is being generated by other code.

I have to support IE 11 and Edge, and it's not working right when embedded in either browser.

How to get parent folder name from path

How to get parent name from workspaceFolder path.Example 

 ${workspaceFolder} -  
 ${workspaceFolderBasename} - your-project

But How to get " your-username " name from workspaceFolder.

标签： javascripthtml

解决方案

问题最终是我没有正确阻止事件的传播/冒泡。我只是打电话KeyboardEvent.stopPropagation()，没有别的。同事提供的这个片段修复了它：

function (event) {
    if (event.stopPropagation) event.stopPropagation();
    if (event.preventDefault) event.preventDefault();
    event.cancelBubble = true;
    event.returnValue = false;
    // Event handler logic goes here...
}

这被忽略了，因为我看到的行为表明画布从未收到KeyboardEvent退格键，并且 IE 正在拦截它（即，浏览器返回一个页面而没有对画布进行任何更改 - 我会预料到键事件进行处理，并且画布在此之前呈现其更改）。

推荐阅读