HTML – 保持溢出：隐藏真的隐藏

如果我有一个样式溢出的div：hidden;我发现有时键盘操作会导致div无论如何都会滚动.由于没有滚动条,因此实际上没有办法使div恢复到原始状态.除了指定样式以防止这种情况之外,我还应该做些什么吗？

例如,当您使用鼠标(在小提琴中)选择L时,在按住shift键的同时按向下箭头键(即展开选择).

http://jsfiddle.net/PeeHaa/H34mM/

或者另一种情况是div中有textarea：http://jsfiddle.net/h6Bhb/1/

解决方法

一个简单的解决方案是禁用相关元素中的文本选择.因此,可以防止使用箭头键选择更多..

要防止tekst选择,您需要使用JS在mousedown事件中使用event.preventDefault().

对于你的小提琴,在现代标准兼容的浏览器中看起来像这样：

// give the div an id
document.getElementById('div').addEventListener('mousedown',function(e) {
    e.preventDefault();
},false);​

编辑

或者@JimThomas在评论中指出你可以使用CSS禁用文本选择,当然这并不像JS解决方案那样得到尽可能多的支持.
How to disable text selection highlighting using CSS?

我想不出更优雅或更完整(这不能解决您可能遇到的问题)解决方案,而且我不确定是否还有一个……