代码之家 › 专栏 › 技术社区 › Geeth

将焦点设置为文本框

jquery javascript asp.net c#

Geeth · 技术社区 · 15 年前

在我的网页中有一个宽度和高度等于0的文本框。此文本框用于获取用户不应看到的已扫描条码值。

需要:

当我单击窗体中的任何位置时,我想将焦点设置为文本框。
我想使光标不可见。

吉萨

1 回复 | 直到 15 年前

Dan Heberden 15 年前

至于调焦,

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

会成功的。您可以将其添加到任何单击处理程序中,例如

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

至于隐藏光标,您可以将光标:none作为样式应用于窗体或父级div,或者在前面的示例中通过jquery更改它的css。

光标:当光标在元素的边界内时,没有一个是这样的——尽管这个行为的整体看起来是模糊的和不必要的(更不用说让用户感到困惑了)。

例子

下面是一个使用绝对定位隐藏输入字段及其光标的示例。它将字段的焦点放在LOAD上,因此如果键入,则按去按钮,您将看到您键入的内容。

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

推荐文章

Alireza Noori · 全局配置用于本地化的MudDontext验证消息?

4 月前

user1946932 · .Net正则表达式在所有字符前添加空格

6 月前

thedisplayedName · “当前上下文中不存在名称”TextBox“在一些教程中出现错误

6 月前

TSDrake · 发布ASP。没有特定文件夹的.NET应用程序

6 月前

Hiroco · 传递到ViewDataDictionary的模型项的类型为“x”,但此ViewDataDictionary实例需要类型为“y”的模型项

10 月前

Vengat Ramanan · 用户登录Asp时隐藏导航和页脚。网络核心

11 月前

Maxim Rudolovskii · 在ASP.NET中,有没有从查询字符串中获取复杂对象的方法。网8?

11 月前

ramamoorthy_villi · 输入验证错误外键字段

11 月前

Enderbyte09 · ASP。NET Core绝对拒绝在其他端口上托管

1 年前

SoundWaves · 通过IP从asp.net Web表单使用ESC/P打印到Brother P-Touch

1 年前