html - 保持溢出 :hidden really hidden

Question

如果我有一个样式为 overflow: hidden; 的 div，我发现有时键盘操作会导致 div 滚动。而且由于没有滚动条，所以真的没有办法让 div 回到原来的状态。除了指定样式以防止出现这种情况之外，我还应该做些什么吗？

例如，当您用鼠标选择 L(在 fiddle 中)，然后在按住 shift 的同时按下向下箭头键(即扩大选择范围)。

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

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

Answer 1

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

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

对于在符合现代标准的浏览器中看起来像这样的 fiddle :

// 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?

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