Javascript 模态对话框（showModalDialog（））在IE9中运行不正常
场景：HTML页面中有一个输入元素，您可以在其中输入任何数字/文本。如果输入了两个连续字符，那么我将调用showmodaldiallog（）方法打开一个弹出窗口，其中包含另一个输入元素。在父页面中输入的任何字符都将复制到该搜索框中 问题：如果用户键入一个文本快速（不间断）以搜索超过2个字符（例如苹果公司），则键入的第3个和/或第4个字符将丢失（不通过按键事件跟踪）。我的意思是只有aple单词被复制到弹出窗口中的搜索框中。所以用户需要重新键入文本 所需解决方案：每当用户键入任何文本时，都需要触发弹出窗口，并且需要将所有字符复制到弹出窗口中的搜索框中 环境：仅在IE9中复制 语言：HTML、Javascript 注意：我分析的是，由于触发弹出窗口时有一个延迟，所以在两个字符之后键入的字符会丢失我不知道为什么只有在IE9中才会出现这种情况我也无法升级到IE10来解决问题 但我还是被这个问题困住了。有没有其他解决办法？有没有其他方法可以通过其他元素获得模态对话框的所有功能 下面是父HTML的示例代码片段：Javascript 模态对话框（showModalDialog（））在IE9中运行不正常,javascript,html,internet-explorer,internet-explorer-9,showmodaldialog,Javascript,Html,Internet Explorer,Internet Explorer 9,Showmodaldialog,场景：HTML页面中有一个输入元素，您可以在其中输入任何数字/文本。如果输入了两个连续字符，那么我将调用showmodaldiallog（）方法打开一个弹出窗口，其中包含另一个输入元素。在父页面中输入的任何字符都将复制到该搜索框中 问题：如果用户键入一个文本快速（不间断）以搜索超过2个字符（例如苹果公司），则键入的第3个和/或第4个字符将丢失（不通过按键事件跟踪）。我的意思是只有aple单词被复制到弹出窗口中的搜索框中。所以用户需要重新键入文本 所需解决方案：每当用户键入任何文本时，都需要触发弹
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test Page</title>
<script type="text/javascript">
var checkSeq = new RegExp("[a-zA-Z]{2}", "i");
function handleShowModalPopUp(fieldValue){
if(checkSeq.test(fieldValue)){
window.showModalDialog("popUpPage.html", document.getElementById('searchElem').value, "");
}
}
</script>
</head>
<body>
Enter Search Term :
<input type="text" id="searchElem" value="" onkeyup="handleShowModalPopUp(this.value)">
</body>
</html>
测试页
var checkSeq=newregexp（“[a-zA-Z]{2}”，“i”）；
函数handleShowModalPopUp（字段值）{
如果（检查顺序测试（字段值））{
showModalDialog（“pouppage.html”，document.getElementById（'searchElem'）.value，”）；
}
}
输入搜索词：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Search Dialog</title>
<script type="text/javascript">
function handleOnload(){
var searchVal = window.dialogArguments;
if(null!= searchVal){
document.getElementById('searchElem').value = searchVal;
}
}
</script>
</head>
<body onload="handleOnload()">
<input type="text" id="searchElem">
<input type="button" value="Search">
</body>
</html>
搜索对话框
函数handleOnload（）{
var searchVal=window.dialogArguments；
if（null！=searchVal）{
document.getElementById（'searchElem'）。value=searchVal；
}
}
<html>
<head>
<script>
function DelayedPopup(delayThreshold) {
this.delay = delayThreshold;
this.lastSearchValue = undefined;
this.popEvent = 0;
}
DelayedPopup.prototype = {
needsDelay: function() {
return this.searchValue() != this.lastSearchValue;
},
searchValue: function() {
return document.getElementById('searchElem').value;
},
openPopup: function() {
window.showModalDialog("popUpPage.html", "");
},
popupOrDelay: function() {
if (this.needsDelay()) {
this.popup();
}
else {
this.openPopup();
this.popEvent = 0;
}
},
popup: function() {
this.lastSearchValue = this.searchValue();
if (this.popEvent) {
clearInterval(this.popEvent);
}
var self = this;
this.popEvent = setTimeout(function() { self.popupOrDelay(); }, this.delay);
}
};
var delayedPopup = new DelayedPopup(500);
</script>
</head>
<body>
<input type="text" id="searchElem" onkeyup="if (this.value.length > 2) delayedPopup.popup()">
</body>
</html>
函数DelayedPopup（delayThreshold）{
this.delay=delayThreshold；
this.lastSearchValue=未定义；
this.popEvent=0；
}
DelayedPopup.prototype={
needsdlay:function（）{
返回this.searchValue（）！=this.lastSearchValue；
},
searchValue:function（）{
返回document.getElementById（'searchElem'）。值；
},
openPopup:function（）{
showmodaldiallog（“pouppage.html”和“”）；
},
popupOrDelay:function（）{
if（this.needsDelay（））{
这个.popup（）；
}
否则{
这个.openPopup（）；
this.popEvent=0；
}
},
弹出：函数（）{
this.lastSearchValue=this.searchValue（）；
if（this.popEvent）{
clearInterval（this.popEvent）；
}
var self=这个；
this.popEvent=setTimeout（函数（）{self.popuperDelay（）；}，this.delay）；
}
};
var delayedPopup=新的delayedPopup（500）；
showModalDialog（）