Javascript监视器键盘事件导致<；输入>；标签类型

我有一个用于生成div的Javascript代码片段

<input xxxxx >
<div id="graph">
    <svg> xxxxx </svg>
</div>

但是，这会导致

失败，我无法在输入字段中键入任何内容

有没有办法解决这个问题

见

HTML JavaScript

---

确切的代码是什么？keydown是如何绑定的？

function keydown() {
    switch(d3.event.keyCode){
        xxxxxx
    }
}

<h1>SWF and JavaScript Key Event</h1>

<div id="demo"></div>
<ul id="logger"></ul>


</body>
</html>

#focusable-link {
    position: absolute;
    left: -1000em;
    top: -1000em;
}
#logger {
    font-size: 11px;
    font-family: Verdana;
    position: absolute;
    left: 450px;
    top: 100px;
}

var attrs = {},
    linkEl,
    params = {};

// Uses SWFObject Renders Player.
// It makes sure you won't have a duplicated ID.
attrs.id = "player"; // Defines player's ID.
params.allowScriptAccess = "always"; // Needed to allow player to call functions.
swfobject.embedSWF(
  "https://www.youtube.com/v/Zhawgd0REhA?enablejsapi=1&playerapiid=ytplayer&version=3",
  "demo", "425", "356", "8", null, null, params, attrs
);

// Injects an invisible link as a focus target.
linkEl = document.createElement("a") ;
linkEl.href = "javascript:void(0);";
linkEl.setAttribute("id", "focusable-link");
document.body.appendChild(linkEl);

// Shows all key events.
document.onkeyup = function (e) {
  e = e || window.event;
  var item = document.createElement("li");
  item.innerHTML = "keyup event, keyCode = " + e.keyCode;
  document.getElementById("logger").appendChild(item)
    };

    // Always makes sure user can't focus on the SWF.
    setTimeout(function () {
        if (document.getElementById("player") === document.activeElement) {
            document.getElementById("focusable-link").focus();
        }
        setTimeout(arguments.callee, 100);
    }, 100);