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

Javascript 仅将某些JS应用于指定的类/ID,javascript,jquery,craftyjs,Javascript,Jquery,Craftyjs,我有一个用JS编写的游戏,有一些代码可以防止 禁止用户拖动并突出显示游戏中的内容: onSelectStart="return false;" onMouseDown="return false;" style="-moz-user-select: none; -khtml-user-select: none; user-select: none;" 我通常将其应用于我的游戏中的特定元素,在HTML中单独使用, 但是,当你为你想要的每一个元素都编写了这些代码时,它看起来并不好 “不可选择” 利

我有一个用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
添加到我想要的非可选元素中

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

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

为什么不在css中制作呢?@k102我之所以不在css中制作,是因为IE必须有
onSelectStart
onMouseDown
。我可以放弃IE,但现在,我想让它适用于所有浏览器。您可以查看本教程,制作自己的jQuery插件,在其中可以向所选元素添加事件和样式抱歉,前两个函数在放入
each()
时似乎不起作用。