4

我想禁用单击某个特定<div>内容，以便当您选择其上的文本时，该文本不会被选中。

我尝试onclick="return false;"像在这个小提琴http://jsfiddle.net/mageek/X6hqD/中那样写，但它不起作用。

它如何工作？（我的目标不仅仅是禁用选择，而是整个点击）。

4

4 回答 4

8 
document.getElementById('div1').onmousedown = new function ("return false");
于 2012-06-25T09:42:38.297 回答
1

如果您只想禁用文本选择，请使用：

<div onselectstart='return false;'>
    text
</div>

div{
   -moz-user-select: none;-webkit-user-select: none;
   -khtml-user-select:none;o-user-select:none;
   user-select: none;
}
于 2012-06-25T09:38:26.820 回答
1

你可以试试这个 CSS

<style type="text/css" media="print,screen" >
  .unselectable {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
   }
    </style>

<div class="unselectable">
asdasdsadsadsad<br>asdasdasd
</div>

<br><br>

<div>
qqqqqqqqqqqqqqqq<br>asdasdasd
</div>
于 2012-06-25T09:40:15.890 回答
1 
<div id="div-test-id" style="width:100px;height:100px;background-color:yellow;">Lorem ipsum</div>

<script type="text/javascript">
var div_click_escape=function(eventObject){
      return false;
};

$(function(){
    $("#div-test-id").click(div_click_escape);
    $("#div-test-id").mousedown(div_click_escape);
    $("#div-test-id").mouseup(div_click_escape);
}
</script>

将避免选择文本。

于 2012-06-25T09:57:31.730 回答