SortableJS 是一个流行的JavaScript库,用于在网页上实现元素的拖放排序功能。如果你想要禁用SortableJS的选择和编程选择元素,可以通过以下几种方式来实现:
可以通过CSS来禁用用户选择:
.unselectable {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard syntax */
}
然后在需要禁用的元素上添加这个类:
<div class="unselectable">This element cannot be selected.</div>
可以通过JavaScript来控制元素的选中状态:
document.querySelectorAll('.unselectable').forEach(function(el) {
el.setAttribute('unselectable', 'on');
el.style.userSelect = 'none';
el.style.webkitUserSelect = 'none';
el.style.MozUserSelect = 'none';
el.style.MsUserSelect = 'none';
});
原因:可能是由于禁用选择的同时,也影响了SortableJS的正常操作。 解决方法:
new Sortable(el, {
animation: 150,
ghostClass: 'blue-background-class',
onEnd: function (evt) {
// 拖放结束后的操作
}
});
通过上述方法,你可以在不影响SortableJS功能的前提下,有效地禁用元素的选择和编程选择。
领取专属 10元无门槛券
手把手带您无忧上云