jquery - 使用 jQuery 选择焦点上的所有文本

Question

我有一个小的 jQuery 函数，用于在获得焦点时自动选择 ASP.NET 文本框中的文本。但是，文本框中的文本被选中，但随后立即取消选择。

如果我使用 .focus(function()) 绑定(bind)到焦点事件，则代码可以工作，但我将文本框动态添加到页面，这就是为什么我认为我需要使用实时事件。

有人能看出问题吗？有问题的文本框位于多 View 内两个 GridView 的项目模板中，如果这有区别的话？

代码:

<script type="text/javascript">

    //Select all text in Cost Rate Text Boxes when they have focus
    $(document).ready(function () {
        $(".CostRateTextBox").live('focus', function () {
            $(this).select();
        });

    });

</script>

编辑:

<script type="text/javascript">

    //Select all text in Cost Rate Text Boxes when they have focus
    $(document).ready(function () {
        $(".CostRateTextBox").live('focus', function () {
            $(this).select();
            preventDefault();
        });

    });

</script>

Answer 1

这似乎是 mouseup 事件干扰的。您会注意到，如果您单击并按住表单字段，然后将其移动到表单字段之外，“mouseup”选择就会粘住。使用 mouseup 而不是 focus 来触发 select() 方法似乎效果很好:

<script type="text/javascript">

    //Select all text in Cost Rate Text Boxes when they have focus
    jQuery(function($){
        $("table.demo").on("mouseup", ".CostRateTextBox", function () {
            $(this).select();
        });
    });

</script>

演示: jsfiddle.net/gableroux/jvJzX/12

参见original demo适用于 jQuery 1.3 - 1.8 兼容代码。