Javascript 文本选择和冒泡
这就是问题所在: 我正在使用javascript和JQuery(而不是UI)来拖动网页中的嵌套对象。 要禁用文本选择,我必须从mousedown处理程序返回FALSE,但这也会禁用事件冒泡。但我需要的是事件的泡沫。。。 我能做什么??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; 尽管如此,
谢谢禁用文本选择的部分解决方案是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;
}