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

概述如果我有一个样式溢出的div：hidden;我发现有时键盘 *** 作会导致div无论如何都会滚动.由于没有滚动条,因此实际上没有办法使div恢复到原始状态.除了指定样式以防止这种情况之外,我还应该做些什么吗？ 例如,当您使用鼠标(在小提琴中)选择L时,在按住shift键的同时按向下箭头键(即展开选择). http://jsfiddle.net/PeeHaa/H34mM/ 或者另一种情况是div中有tex 如果我有一个样式溢出的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 IDdocument.getElementByID('div').addEventListener('mousedown',function(e) {    e.preventDefault();},false);​

编辑

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

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

总结

以上是内存溢出为你收集整理的HTML – 保持溢出：隐藏真的隐藏全部内容，希望文章能够帮你解决HTML – 保持溢出：隐藏真的隐藏所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。