html按钮不可选中,如何使HTML文本不可选择

小编典典

用普通的HTML无法做到这一点，因此JSF在这里也无法为您做很多事情。

如果您仅针对体面的浏览器，则只需使用CSS3：

.unselectable {

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

Unselectable label

如果您还想涵盖较旧的浏览器，请考虑以下JavaScript后备：

SO question 2310734

window.onload = function() {

var labels = document.getElementsByTagName('label');

for (var i = 0; i < labels.length; i++) {

disableSelection(labels[i]);

}

};

function disableSelection(element) {

if (typeof element.onselectstart != 'undefined') {

element.onselectstart = function() { return false; };

} else if (typeof element.style.MozUserSelect != 'undefined') {

element.style.MozUserSelect = 'none';

} else {

element.onmousedown = function() { return false; };

}

}

Try to select this

如果您已经在使用，那么这是另一个示例，它disableSelection()向jQuery添加了一个新函数，以便您可以在jQuery代码中的任何位置使用它：

SO question 2310734 with jQuery

$.fn.extend({

disableSelection: function() {

this.each(function() {

if (typeof this.onselectstart != 'undefined') {

this.onselectstart = function() { return false; };

} else if (typeof this.style.MozUserSelect != 'undefined') {

this.style.MozUserSelect = 'none';

} else {

this.onmousedown = function() { return false; };

}

});

}

});

$(document).ready(function() {

$('label').disableSelection();

});

Try to select this

2020-05-10