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

时间:2013-12-26 09:36:40

标签: javascript jquery craftyjs

我有一个用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添加到我想要无法选择的元素中。

但它不起作用。为什么它不起作用,我该怎么做?

1 个答案:

答案 0 :(得分:0)

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