javascript仅在输入焦点上选择字符串的一部分

Question

I have form with lot's of date input fields. I would only like to select firs two characters of date (eg day portion of the date only) when focusing on a input field. I have accomplished this with this code:

$(".date").focus(function() {
  this.setSelectionRange(0, 2);
});

The problem is this only works if I focus on input field with a mouse click. But if moving between input fields with TABULAR key on keyboard then the entire text in input field is selected. Can this be controlled via JavaScript as well?

Here is also JSFiddle which demonstrates above.

Answer 1

It sounds like the default handler is being run after yours.

Prevent this by stopping the browser's default handler by running:

$(".date").focus(function(e) {
    e.preventDefault();
    this.setSelectionRange(0, 2);
});

Answer 2

我在这里发布了一个答案，该答案与您想要的内容有关，请查看： 如何在文本框中选择特定的文本