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

Textarea in popup not accepting input

本文关键字：区域 不接受 输入 文本 窗口      更新时间：2023-09-26

我正在尝试创建一个具有以下功能的HTA应用程序1） 用户单击按钮2） 弹出包含多个文本区域的弹出窗口3） 然后用户在文本区域中输入信息4） 然后用户单击弹出窗口中的"做某事"按钮（不包括在代码中）5） 应用程序中的JavaScript对中的数据（不包括在代码中）执行某些操作

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

然而，当它这样做时，它会以只读类型的方式打开文本区域，不允许我输入文本。

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

我的代码如下

<?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>

非常感谢！

您需要<textarea></textarea>-而不是输入type=textarea

相关文章：