Javascript提示-数据隐藏在ie中

Javascript prompt - Data hides in ie

本文关键字：ie 隐藏 数据 提示 Javascript      更新时间：2023-09-26

按钮 

<input type="button" id="button" value="Prompt">
Javascript 

<script>
$("#button").click(function(){
var check = prompt("this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample" , "");
alert(check);
});
</script>

给出提示词时。ie浏览器只显示一行并隐藏另一行。我需要在ie.

中显示一个冗长的段落。

帮我解决这个问题

在IE中没有办法扩展提示框中的文本长度-它只会在两行后被截断。

唯一可行的替代方法是创建一个带有自己的文本输入的模态弹出框。

IE的提示符不能从javascript中更改。我建议使用jQuery.UI。示例

示例:

<!doctype html>
<html lang="en">
<head>
    <title>jQuery UI Dialog Sample</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
</head>
<body>
<div id="dialog" style="display:none">
this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample<br />
<input type="text" id="Check" name="check" value="" />
</div>
<input type="button" id="button" value="Prompt" />
<script type="text/javascript">
$("#button").click(function(){
    var check ="";
    $("#dialog").dialog({
        /* title: "test", */
        modal: true,
        width: 640,
        buttons: { 
            "Ok": function() { 
                check = $('#Check:input').val();
                $(this).dialog("close");
                alert(check);
            }, 
            "Cancel": function() {
                $('#Check:input').val("");
                $(this).dialog("close");
            }
        }
    });
});
</script>
</body>
</html>
相关文章：