文字选择和冒泡

Question

这是问题所在： 我正在使用javascript和JQuery（不是UI）来拖动我的网页中的嵌套对象。 禁用文本选择我必须从mousedown处理程序返回FALSE，但这也禁用了事件冒泡。但我需要事件冒泡...... 我能做什么？？ 感谢

Answer 1

禁用文本选择的部分解决方案是css user-select：

user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;

虽然，我认为它不适用于IE。

另一个想法可能是（如果您的布局允许）用不可见的div覆盖您的文本。这应该可以防止文本选择。

<div class='textbox'>text box<div class='overlay'></div></div>

        .textbox {
            width:100px;
            height: 100px;
            position: relative;
        }

        .overlay {      
            width: 100%;
            height: 100%;
            opacity: 0;
            position:absolute;
            top:0;left:0;
        }