专注于弹出窗口输入字段

时间:2011-11-22 15:11:33

标签: jquery popup focus

我想用一个非常简单的公式制作一个弹出窗口,但是当它弹出时我想在输入字段上有FOCUS。这似乎不起作用。

代码在此处形成:http://jquery.com/demo/thickbox/

你能帮助我吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ThickBox 3.1</title>
<style type="text/css" media="all">
@import "thickbox.css";
</style>

<link rel="alternate stylesheet" type="text/css" href="css/1024.css" title="1024 x 768" />

<script src="jquery-latest.js" type="text/javascript"></script>
<script src="thickbox.js" type="text/javascript"></script>
<script src="js/global.js" type="text/javascript"></script>
</head>
<body>
            <p style="padding-top:10px"><input alt="#TB_inline?height=100&amp;width=300&amp;inlineId=myOnPageContent" onClick="document.getElementById('myControl').focus();" title="Type in new Bnumber" class="thickbox" type="button" value="Show" /> 
            <div id="myOnPageContent">
                <center>
                <br><br>
                <form name="input" action="" method="post">
                    <table>
                        <tr>
                        <td>
                            <b>Username: </b> <input id="myControl" type="text" name="user" />
                        </td>
                        </tr>
                        <tr align="right">
                        <td>
                            <input type="submit" value="Submit" />
                        </td>
                        </tr>
                    </table>
                </form>
                </center>
            </div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

如果在您放置的文件的头部,

$(document).ready(function() {
    $('#firesPopup').click(function(){
         setTimeout($('#myControl').focus(), 1000);
    });
});

现在是否将重点放在输入字段上?一旦你点击按钮弹出弹出窗口,它会等待1秒,然后将焦点放在输入字段上。