猿问
下载APP

双击后防止文本选择

我在我的网络应用程序中处理跨度上的dblclick事件。副作用是双击选择页面上的文本。如何防止此选择发生?



慕慕森
浏览 53回答 3
3回答

一只萌萌小番薯

function clearSelection() {    if(document.selection && document.selection.empty) {        document.selection.empty();    } else if(window.getSelection) {        var sel = window.getSelection();        sel.removeAllRanges();    }}您还可以将这些样式应用于所有非IE浏览器和IE10的范围:span.no_selection {    -webkit-user-select: none; /* webkit (safari, chrome) browsers */    -moz-user-select: none; /* mozilla browsers */    -khtml-user-select: none; /* webkit (konqueror) browsers */    -ms-user-select: none; /* IE10+ */}

慕运维8079593

在普通的JavaScript中:element.addEventListener('mousedown', function(e){ e.preventDefault(); }, false);或者使用jQuery:jQuery(element).mousedown(function(e){ e.preventDefault(); });

慕少森

仅在双击后阻止文本选择:你可以使用MouseEvent#detail财产。对于mousedown或mouseup事件,它是1加上当前的点击次数。document.addEventListener('mousedown', function (event) {  if (event.detail > 1) {    event.preventDefault();    // of course, you still do not know what you prevent here...    // You could also check event.ctrlKey/event.shiftKey/event.altKey    // to not prevent something useful.  }}, false);请参阅https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答