禁用窗口滚动使用时，输入具有焦点

Question

我有一个表，看起来像这样的箭头：

Example

这让我疯狂的行为是当你有一个焦点输入元素上并按住右箭头在键盘上，当插入符号触摸行结束时，整个窗口自动开始滚动。我与preventDefault和stopPropagation疯了，但没有成功。

有什么办法让用户在输入元素中自由移动插入符号，但是当他碰到边框时，主窗口不会滚动？

Answer 1

您可以防止水平滚动设置：

body { 
    width: 100%; 
} 

body.prevent-scroll { 
    overflow: hidden; 
} 

然后我们听focus和blur事件添加或删除类：

$("input") 
    .on("focus", function() { 
     $("body").addClass("prevent-scroll") 
    }) 
    .on("blur", function() { 
     $("body").removeClass("prevent-scroll") 
    }) 

http://jsfiddle.net/9zgspozq/2/