將焦點設置為文本框

Question

在我的網頁中，有一個寬度和高度等於0的文本框。此文本框用於獲取對用戶不可見的掃描條形碼值。

需求：

當我單擊表單中的任意位置時，我想將焦點設置到文本框。
我想使光標不可見。

格塔。

Answer 1

至於設定重點

$('#idOfTextBox').focus();

會成功的 您可以將其添加到任何點擊處理程序中，例如

$('#idOfFormOrParentDiv').click(function() {
    $('#idOfTextBox').focus();
    $(this).css('cursor', 'none');
});

至於隱藏游標，您可以應用游標：不將游標應用於樣式或父div，就像在前面的示例中通過jquery更改其css一樣。

cursor：none不在光標處於元素的邊界之內-盡管這種行為的整體似乎晦澀難懂，並且沒有必要（更不用說對用戶造成混亂了）。

例

這是使用絕對定位隱藏輸入字段及其光標的示例。 它使字段集中在加載上，因此，如果您鍵入內容，然后按“執行”按鈕，您將看到鍵入的內容。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Test Page</title>
<style type='text/css'>
body {
    font-family: sans-serif;
}
#myTextBox {
    position: absolute;
    left: -10000px;
    top: 0px;
}
</style>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type='text/javascript'>
(function() {
    $(document).ready(pageInit);

    function pageInit() {
        $('#btnGo').click(go);
        $('#myTextBox').focus();
    }

    function go() {
        alert($('#myTextBox').val());
    }
})();
</script>
</head>
<body><div>
<input id='myTextBox' type='text' size='1'>
<input id='btnGo' type='button' value='Go'>
</div></body>
</html>

將焦點設置為文本框

問題描述

1 個解決方案

解決方案1
3 已采納 2010-05-24 05:44:18

例

將焦點設置為文本框

問題描述

1 個解決方案

解決方案1 3 已采納 2010-05-24 05:44:18

例

解決方案1
3 已采納 2010-05-24 05:44:18