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

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;"
});