我正在尝试创建具有以下功能的 HTA 应用程序 1）用户单击按钮 2）弹出包含多个 textareas 的弹出窗口 3）用户然后将信息输入到 textareas 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>
非常感谢！