Question

我不知道这叫什么，所以很难谷歌。

如果您有一个普通的html输入类型=宽度较小的文本，例如20，然后输入的字符多于可显示的字符，它会显示您键入的最后一个字符。第一个滚动出视图：

This is my long text // this is the whole string
my long string // this is what is actually visible in the input box

如何制作它以便当你点击标签时，视图区域会重置，以便字符串的开头可见并且结尾被隐藏？

my long string // this is what is visible in the input box when typing
This is my // this is what is I want to be visible in the input box after you hit tab

你怎么称呼它，你是怎么做到的？

Answer 1

我不知道你的问题是否得到了回答，但我只想回答自己。您可以使用范围和窗口选择来完成。 Here, I made a JSFiddle for you.

$(document).ready(function(){
  $("input").bind("keyup",function(e){
    if(e.keyCode==9){
        var r=document.createRange(),
        gs=getSelection();
        r.setStart(this,0);r.setEnd(this,0);
        gs.removeAllRanges();gs.addRange(r);
    }
  });
  $("input").bind("blur"),function(){
    $(this).focus();
  });
});

Javascript / Jquery - 在选项卡后重置文本框视图区域

1 个答案: