javascript - 如何在 jQuery 屏蔽文本输入上执行 .select()

Question

我正在使用http://digitalbush.com/projects/masked-input-plugin/插件。

有一个带有定义掩码的输入文本：

<input type="text" id="txtMyInput" class="FocusSense"/>

和一个脚本：

$(document).ready(function () {
    jQuery(function ($) {            
        $("#txtMyInput").mask("?9.99");            
    });
    $(".FocusSense").focus(function () {
        this.select();
    });
})

如您所见，我想全选，txtMyInput但可惜！在焦点上，面具出现并消失.select()。

我应该怎么做才能保存面具和.select()？

Answer 1

我想你在找什么，是这样的：

$(document).ready(function () {
    jQuery(function ($) {            
        $("#txtMyInput").mask("?9.99");            
    });
    $(".FocusSense").focus(function (e) {
      var that = this;
      setTimeout(function(){$(that).select();},10);
      return false;
    });
});

setTimeout 将“排队” select() 执行。所以它会在屏蔽完成后选择内容。

工作演示

Answer 2

您需要使用 $(this) 来获取当前对象。

$(document).ready(function () {
    jQuery(function ($) {            
        $("#txtMyInput").mask("?9.99");            
    });
    $(".FocusSense").focus(function () {
        $(this).select(); // instead of this.select();
    });
});

Answer 3

sory改变焦点改变点击功能；

jQuery(".FocusSense").click(function() {
    this.focus();
    this.select(); 
});​

Answer 4

this.select() 改变 jQuery(this).select();

$(".FocusSense").focus(function () {
    jQuery(this).select();
});

Answer 5

这是 ' jQuery 屏蔽输入插件的副本。当文本框收到焦点时选择所有内容'我在其中发布了此修复的说明。

imeout方法是不必要的！

$(".yourMaskedInput").attr("readonly", true).select().removeAttr("readonly");