Question

我有一个用JS编写的游戏，并且有一些代码可以防止用户拖动并突出显示游戏内容：

onSelectStart="return false;"
onMouseDown="return false;"
style="-moz-user-select: none; -khtml-user-select: none; user-select: none;"

我通常会在HTML中单独将其应用于游戏中的特定元素，但是当你拥有所需的每个元素的所有代码时，它看起来并不好看 “非选择性”。

利用我对JavaScript的微小知识，我写了类似的东西：

$(".nonselect").Nonselectable();
function Nonselectable() {
    onSelectStart="return false;"
    onMouseDown="return false;"
    style="-moz-user-select: none; -khtml-user-select: none; user-select: none;"
}

然后将.nonselect添加到我想要无法选择的元素中。

但它不起作用。为什么它不起作用，我该怎么做？

Answer 1

使用each()函数

$(".nonselect").each(function(){
    $(this).selectstart(function(event){event.preventDefault();});
    $(this).mousedown(function(event){event.preventDefault();});
    $(this).css("-moz-user-select", "none");
    $(this).css("-khtml-user-select: none; user-select", "none;"
});

仅将某些JS应用于指定的类/ ID

1 个答案: