jQuery.keyup无法使用我的外来对象标记

jQuery.keyup无法使用我的外来对象标记,jquery,html,svg,keyup,Jquery,Html,Svg,Keyup,因此,我希望用户在输入框中输入文本,当它被输入时,它需要出现在某个区域。我在这里使用SVG,但由于SVG没有包装,我被告知需要使用外来对象标记来访问HTML的自动包装。但是,如果我这样做,我的键控功能将不再工作。这是输入代码。或小提琴- 谢谢。如果你想知道它在哪里被使用,那么网站就在哪里。javascript中的示例等待几秒钟以查看效果: svg=document.createElements'http://www.w3.org/2000/svg","svg",; setAttribute'wi

因此,我希望用户在输入框中输入文本,当它被输入时,它需要出现在某个区域。我在这里使用SVG,但由于SVG没有包装,我被告知需要使用外来对象标记来访问HTML的自动包装。但是,如果我这样做,我的键控功能将不再工作。这是输入代码。或小提琴-


谢谢。如果你想知道它在哪里被使用,那么网站就在哪里。

javascript中的示例等待几秒钟以查看效果: svg=document.createElements'http://www.w3.org/2000/svg","svg",; setAttribute'width',300; setAttribute'height',300; svg.setAttributeNShttp://www.w3.org/2000/xmlns/,xmlns:xlink,http://www.w3.org/1999/xlink; // 我不太清楚那条线 foreign=document.createElements'http://www.w3.org/2000/svg'外国物体;; foreign.setAttribute'x',0; foreign.setAttribute'y',0; foreign.setAttribute'width',300; 外国。设置属性“高度”,300; body=document.createElement'body'; texte=document.createElementp; texte.textContent=Lorem ipsum dolor sit amet enim。艾蒂安·乌兰科珀。暂停一次非猫咪的酒后驾车。猫科动物精英,猫科动物精英。库拉比图和利古拉。Ut molestie a,ultricies porta urna。蜗壳式公共前庭a、convallis ac、laoreet enim。多洛,多洛。佩伦特式便利。纳拉·艾米特·麦格纳。; 异物; body.appendchildtext; svg.appends是外来的; document.body.appendChildsvg;
setTimeout函数{document.getElementsByTagName'p'[0].textContent='Live example';},5000;带有空名称空间的CreateElements会创建未知元素,因此在您的示例中这只是html而不是真正的svg。SVG元素必须在SVG名称空间中创建。@RobertLongson,感谢您的关注,我更正了它。我不太确定我应该如何处理它。这似乎不相关。你能把你的例子放在小提琴上吗?注意评论的部分。看看它是如何工作的,因为它是除了包装,但改变东西到异物标签,它不再工作
        <h3>Your Text:</h3>
        <input id="input" maxlength="30" type="text" name="Text" value="Max. 30 characters">
<text class="text" transform="matrix(2.4428 0 0 1.5 624.6 550.5599)" font-family="'ComicSansMS'" font-size="41.6368">Your words here</text>
    <foreignObject x="78" y="460" width="1100" height="200" style="color:white;text-align:center">
       <body xmlns="http://www.w3.org/1999/xhtml">
           <p class="text">Your words here</p>
       </body>
    </foreignObject>
    $('#input').keyup(function() {
       $('.text').html($(this).val());
    });