Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 文本选择和冒泡_Javascript_Jquery_Events_Selection - Fatal编程技术网

Javascript 文本选择和冒泡

Javascript 文本选择和冒泡,javascript,jquery,events,selection,Javascript,Jquery,Events,Selection,这就是问题所在: 我正在使用javascript和JQuery(而不是UI)来拖动网页中的嵌套对象。 要禁用文本选择,我必须从mousedown处理程序返回FALSE,但这也会禁用事件冒泡。但我需要的是事件的泡沫。。。 我能做什么?? 谢谢禁用文本选择的部分解决方案是css用户选择: user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; 尽管如此,

这就是问题所在: 我正在使用javascript和JQuery(而不是UI)来拖动网页中的嵌套对象。 要禁用文本选择,我必须从mousedown处理程序返回FALSE,但这也会禁用事件冒泡。但我需要的是事件的泡沫。。。 我能做什么??
谢谢

禁用文本选择的部分解决方案是css用户选择:

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;
        }
文本框
.文本框{
宽度:100px;
高度:100px;
位置:相对位置;
}
.overlay{
宽度:100%;
身高:100%;
不透明度:0;
位置:绝对位置;
顶部:0;左侧:0;
}

禁用文本选择的部分解决方案是css用户选择:

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;
        }
文本框
.文本框{
宽度:100px;
高度:100px;
位置:相对位置;
}
.overlay{
宽度:100%;
身高:100%;
不透明度:0;
位置:绝对位置;
顶部:0;左侧:0;
}