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

时间:2023-01-27
本文介绍了jQuery 屏蔽输入插件.当文本框获得焦点时选择所有内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

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

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

这篇关于jQuery 屏蔽输入插件.当文本框获得焦点时选择所有内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一篇:是否可以强制 jQuery.jScrollPane 始终显示垂直滚动条? 下一篇:stellar.js - 为垂直滚动网站配置偏移量/对齐元素?

相关文章

最新文章