jQuery 屏蔽输入插件.当文本框获得焦点时选择所有内容

2022-01-11 00:00:00 jquery jquery-plugins javascript

这是这个问题的后续问题:

This is a followup question to this question:

选择文本框的所有内容当它获得焦点时(Javascript 或 jQuery)

基本上我将文本框与 jQuery 屏蔽输入插件结合使用(链接可能不再指向相关版本)

Basically I am using a textbox in conjunction with the jQuery masked input plugin( Link may no longer point at relevant version)

当被屏蔽的输入文本框获得焦点时,我想选择该文本框的所有内容,但似乎将此插件绑定到文本框会阻止这种情况.我只是想知道是否有办法解决这个问题.

When the masked input textbox receives focus I want to select all of the contents of that textbox, but it seems as though having this plugin binded to the textbox prevents that. I was just wondering if there was a way around this.

以下是演示该问题的示例 .html 页面:

Below is a sample .html page that demonstrates the issue:

<html>
<head>
    <title></title>
</head>
<body>
    <input id="masktest" type="text" value="01/01/2009" />
    <br />
    <input id="focustest" type="text" value="on focus will select all contents..." />

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.1.pack.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#masktest").mask("99/99/9999");

            // Contents of textboxes will be selected when receiving focus.
            $("input[type=text]")
                .focus(function() {
                    $(this).select();
                });
        });
    </script>
</body>
</html>

推荐答案

我是 用于 jQuery 的屏蔽输入插件.我决定这应该是已完成掩码的默认行为,并将其放入最新版本.您可以阅读详细信息这里

I'm the author of the Masked Input Plugin for jQuery. I decided that this should be the default behavior for completed masks and I got it into the latest release. You can read the details here

相关文章