如何使用jQuery或CSS使许多元素无法选择？

Question

可能重复:
有没有办法让DIV无法选择？

我已经看到了许多适用于元素的解决方案.但是我有一个带标签和按钮的区域.它不仅仅是一个元素,它是一个元素DIV.

如何在DIV不可选择的内容中包含任何内容？请注意,我不能只是把遮罩层在DIV作为DIV具有按钮,我需要能够点击.

Answer 1

$(".yourdiv").children().css({userSelect: 'none'});

如果你想使用CSS user-select属性禁用选择.如果不是,则可以容易地将上述内容推广到其他方法.

以上只选择直接子节点,选择所有后代,使用.find()方法:

$(".yourdiv").find("*").css({userSelect: 'none'});

您也可以使用纯CSS执行此操作:

.yourdiv * { /*this selects all elements that are children of yourdiv*/
    /*user-select: none rules*/
}

要么:

.yourdiv > * { /*this selects all elements that are direct descendants of yourdiv*/
    /*user-select: none rules*/
}