Javascript 弹出窗口中的文本区域不接受输入

Javascript 弹出窗口中的文本区域不接受输入,javascript,popup,Javascript,Popup,我正在尝试创建一个具有以下功能的HTA应用程序 1) 用户单击一个按钮 2) 弹出一个包含多个文本区域的弹出窗口 3) 然后用户将信息输入文本区域 4) 用户然后单击弹出窗口中的“做点什么”按钮(不包括在代码中) 5) 应用程序中的JavaScript处理数据(不包括在代码中) 我坚持第三点。show_popup函数使用.innerHTML将inputText div元素放置在弹出窗口中 但是,当它这样做时,它会以只读类型的方式使textarea通过,不允许我输入文本 如果任何人对如何解决这一问

我正在尝试创建一个具有以下功能的HTA应用程序 1) 用户单击一个按钮 2) 弹出一个包含多个文本区域的弹出窗口 3) 然后用户将信息输入文本区域 4) 用户然后单击弹出窗口中的“做点什么”按钮(不包括在代码中) 5) 应用程序中的JavaScript处理数据(不包括在代码中)

我坚持第三点。show_popup函数使用.innerHTML将inputText div元素放置在弹出窗口中

但是,当它这样做时,它会以只读类型的方式使textarea通过,不允许我输入文本

如果任何人对如何解决这一问题有任何意见,我们将不胜感激

我的代码如下

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<HTA:APPLICATION/>
<script type="text/javascript">
function show_coords(event)
{
var x=event.screenX + document.body.parentNode.scrollLeft - window.screenLeft;
var y=event.screenY + document.body.parentNode.scrollTop - window.screenTop;
document.getElementById('coordVarX').value = x;
document.getElementById('coordVarY').value = y;
}
function show_popup(divId,winWidth,winHeight)
{
var p=window.createPopup();
var pbody=p.document.body;
var x = document.getElementById('coordVarX').value;
var y = document.getElementById('coordVarY').value;
pbody.style.border="solid black 1px";
pbody.innerHTML=divId.innerHTML;
p.show(x,y,winWidth,winHeight,document.body);
}
</script>
</head>

<body onmousedown="show_coords(event)">
<textarea id="coordVarX" name="coordVarX" value="" style="display:none;"></textarea>
<textarea id="coordVarY" name="coordVarY" value="" style="display:none;"></textarea>

<button onclick="show_popup(inputText,150,30)">Enter text</button>

<div id="inputText" style="display:none;">
    <span>
        <form>
            <input type="textarea" value=""></input>
        </form>
    </span>
</div>

</body>
</html>

功能显示协调(事件)
{
var x=event.screenX+document.body.parentNode.scrollLeft-window.screenLeft;
var y=event.screenY+document.body.parentNode.scrollTop-window.screenTop;
document.getElementById('coordVarX')。值=x;
document.getElementById('CoordVarie')。值=y;
}
函数show_弹出窗口(divId、winWidth、winHeight)
{
var p=window.createPopup();
var pbody=p.document.body;
var x=document.getElementById('coordVarX').value;
var y=document.getElementById('CoordVarie')。值;
pbody.style.border=“纯黑1px”;
pbody.innerHTML=divId.innerHTML;
p、 显示(x,y,winWidth,winHeight,document.body);
}
输入文本

非常感谢

您需要
-not input type=textarea

谢谢您的回复!我把密码改成。。。但是,textarea仍然拒绝接受输入。您是否有一些CSS可以覆盖某些内容?你能尝试一下删除显示:none(它将显示跨度,我只是想知道是否有某种重叠)或者绝对定位div,并在需要时将显示从none更改为block以显示它,而不是使用createPopupYeah,我认为不使用createPopup会引起较少的头痛。谢谢你的帮助!