Javascript 仅将某些JS应用于指定的类/ID
我有一个用JS编写的游戏,有一些代码可以防止 禁止用户拖动并突出显示游戏中的内容: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中单独使用, 但是,当你为你想要的每一个元素都编写了这些代码时,它看起来并不好 “不可选择” 利
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()
时似乎不起作用。