使用所选文本聚焦输入会导致滚动到顶部

时间:2015-03-29 15:32:33

标签: javascript jquery html google-chrome

我在Chrome上遇到了这个问题。当我使用jQuery专注于选择部分文本的HTML input时,我的页面跳转到顶部而不是元素本身。我创建了以下jsfiddle作为示例:

http://jsfiddle.net/wzs821jg/3/

我在每个input的上方和下方放置了边距,足以创建滚动条。如果你的分辨率比我高(我在笔记本电脑上)并且你没有滚动条,只需添加更多的余量,直到你这样做。

向第二个input添加足够的文本以使其滚动(在x上溢出)。你可以添加乱码,例如“asdfkasdkjfhakjsdhfaksdjhfkajshdkfajshdkfajshdkfjah”,这应该可以正常工作。一旦你有足够的文字,突出显示它的一部分。现在有两种方法可以使页面滚动到顶部:

  1. 点击button,它有一个简短的jQuery监听器,专注于第二个input
  2. 关注第一个input,然后按tab以关注第二个input
  3. 在OSX Yosemite上的Chrome版本41.0.2272.101(64位)上,这两个操作都应该使窗口跳转到顶部而不是关注第二个input。我试过Safari,我无法重现这个问题。我根据您选择文本的位置(外部,内部或溢出)和用于聚焦的方法经历了不同的行为。稍微玩一下。

    我的问题是:这是Chrome的问题还是我做错了什么?

    编辑:我已向Chrome提交了一个错误报告,指出了这个问题。除非有人有答案,否则我只是假设它只是浏览器中的一个错误。

0 个答案:

没有答案