Javascript 禁用单击div

Javascript 禁用单击div,javascript,Javascript,我想禁用对某个的单击,这样当您选择其中的文本时,该文本不会选择 我试着像在这把小提琴中那样写onclick=“return false;”“,但它不起作用 它是如何工作的?(我的目标不仅仅是禁用选择,而是整个单击过程)。如果只想禁用文本选择,请使用: <div onselectstart='return false;'> text </div> div{ -moz-user-select: none;-webkit-user-select: none;

我想禁用对某个
的单击,这样当您选择其中的文本时,该文本不会选择

我试着像在这把小提琴中那样写
onclick=“return false;”“
,但它不起作用


它是如何工作的?(我的目标不仅仅是禁用选择,而是整个单击过程)。

如果只想禁用文本选择,请使用:

<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;
}

文本
div{
-moz用户选择:无;-webkit用户选择:无;
-khtml用户选择:无;o-user-select:无;
用户选择:无;
}
你可以试试这个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>

.不可选择{
-webkit触摸标注:无;
-webkit用户选择:无;
-khtml用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}
asdasdsadsad
asdasdasd

QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ
Lorem ipsum
var div\u click\u escape=函数(eventObject){
返回false;
};
$(函数(){
$(“#div test id”)。单击(div_click_escape);
$(“#div test id”).mousedown(div#u click_escape);
$(“#div test id”).mouseup(div#u click_escape);
}

将避免选择文本。

尝试在stackoverflow上搜索:@benoît谢谢,你能将此作为答案发布给我吗?可能重复的
onselectstart
用于IE
-moz用户选择:无;
用于firefox和
-webkit用户选择:无;
用于safari和google chrome。什么是
用户-选择:无;
?@Mageek适用于不了解用户选择的internet explorer。
用户选择:无;
适用于不了解用户选择的internet explorer;
Mageek误读,onselect=IE,user select=standard,以及未按照规范实施的浏览器(旧版本)您需要供应商前缀(-moz,-o,-webkit,-ms)。@Mageek与所有其他css属性一样。您有一个标准(
用户选择
)然后,您必须为具有较旧实现的浏览器添加供应商前缀。我为IE alsoIE需要js回退添加了css。他不支持用户选择。最后,我接受了您的答案,因为这是我问题的真实答案(禁用单击).其他Anwer在工作,但也在禁用其他未禁用的东西。
document.getElementById('div1').onmousedown = new function ("return false");
<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>