Javascript 跨浏览器不可选择/不可拖动的图像

由于某种原因，我的图像仍然可以拖动，即使我已经为这个问题实现了相关的代码。我需要知道为什么我的图像仍然允许被拖动

以下是JSFIDLE：（更新的JSFIDLE）

Javascript：（所有大写字母都已删除）

---

您需要检查jQueryAPI，以使代码与拼写/大小写正确的API保持一致。JavaScript区分大小写，您的方法都不正确。这应该会让你开始：

$('#testdiv').on('mousedown', function (event) {
    $('body').addClass('unselectable');             
});

---

我会使用

.on（）

而不是

.bind（）

作为

。on（）

是首选方法。

您应该在小提琴中加载Jquery，并使用如下脚本：

$(".UNSELECTABLE").mousedown(function(){
    return false;
});

这是一把小提琴：

---

这已经删除了所有CSS，向您表明这种方法不需要任何CSS。也应该以这种方式在旧浏览器中运行。

Javascript

区分大小写。不确定为什么全部大写…请不要将JavaScript大写。您还使用了#而不是$为什么这段代码应该这样做？这里没有testdiv，除了定义globals/常量之外，永远不要只使用大写@NickR所以如果我去掉所有的大写字母，代码会起作用吗？你给了fiddle，但是那里有伪代码？提供您实际尝试过的内容您尚未加载jQuery库。您的代码中也有

…

，这将导致错误。

然后有一个名为

不可选择的
的类，它现在可以工作了。因此，这就是运行此功能所需的全部Javascript？是的！这将阻止类不可选择的所有元素的mousedown事件。因此，对于上部，它阻止了整个div，而在底部，它只阻止了img。
$(".UNSELECTABLE").mousedown(function(){
    return false;
});