我有两个DIV与班级" col-lg-6" (引导)使它们并排坐着。我想要做的是只允许用户一次从这些DIV之一中选择文本。如果他试图同时从两个DIV中选择文本,则应显示错误。
小提琴:
<div class="container">
<div class="col-lg-6">
First Paragraph
</div>
<br><br>
<div class="col-lg-6">
Second Paragraph
</div>
</div>
只允许用户选择&#34;第一段&#34;或&#34;第二段&#34;一次。不是来自两者的文本(例如:&#34; First Paragraph Second&#34;)。
我想用javascript或Jquery完成。感谢
答案 0 :(得分:2)
您可以在这里进行演示http://jsfiddle.net/zj5tdpwy/
您可以调整的小问题是您需要单击div然后选择。
SO中没有直接的解决方案,但有提示:(希望这篇文章能用CSS解决Jquery方式)
API:
.siblings
- http://api.jquery.com/siblings/ 围绕它玩游戏会有助:)
Jquery代码
$(document).on('click','div',function() {
$(this).removeClass('unselectable').siblings().addClass('unselectable');
});
<强> CSS 强>
*.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
*.unselectable * {
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-o-user-select: text;
user-select: text;
}